.userPage-vertical-top{position:relative;vertical-align:top;-o-animation:bounce linear 1s;-moz-animation:bounce linear 1s;-webkit-animation:bounce linear 1s;animation:bounce linear 1s;text-align:center;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#userPage-vertical-top1{-o-animation:bounceLeft linear .6s;-moz-animation:bounceLeft linear .6s;-webkit-animation:bounceLeft linear .6s;animation:bounceLeft linear .6s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;z-index:1}#userPage-vertical-top2{-o-animation:bounceLeft1 linear .3s;-moz-animation:bounceLeft1 linear .3s;-webkit-animation:bounceLeft1 linear .3s;animation:bounceLeft1 linear .3s;-o-animation-delay:1.3s;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;z-index:1}#userPage-vertical-top3{z-index:2}#userPage-vertical-top4{-o-animation:bounceRight1 linear .3s;-moz-animation:bounceRight1 linear .3s;-webkit-animation:bounceRight1 linear .3s;animation:bounceRight1 linear .3s;-o-animation-delay:1.3s;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;z-index:1}#userPage-vertical-top5{-o-animation:bounceRight linear .6s;-moz-animation:bounceRight linear .6s;-webkit-animation:bounceRight linear .6s;animation:bounceRight linear .6s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;z-index:1}#userPage-vertical-top1:hover,#userPage-vertical-top2:hover,#userPage-vertical-top4:hover,#userPage-vertical-top5:hover{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-o-transform:scale(1.15);-moz-transform:scale(1.15);-webkit-transform:scale(1.15);transform:scale(1.15)}.userPage-container{width:958px;margin:29px auto 0 auto;border:1px solid #dadada;background-color:#fff;color:#999}.userPage-user-info-container{margin:20px 79px 0 79px;height:198px;text-align:justify}.userPage-icons{display:inline-block;background:url(icons.png?ver=1.0.0) no-repeat center center;*display:inline;*zoom:1}.userPage-icon-des{margin-top:11px;line-height:16px;font-size:16px;text-align:center}.userPage-work-icon{width:80px;height:80px;margin-top:30px;background-position:0 0;vertical-align:top}.userPage-share-icon{width:80px;height:80px;margin-top:30px;background-position:-81px 0;vertical-align:top}.userPage-follow-icon{width:80px;height:80px;margin-top:30px;background-position:-162px 0;vertical-align:top}.userPage-fans-icon{width:80px;height:80px;margin-top:30px;background-position:-243px 0;vertical-align:top}.userPage-relative{position:relative;height:160px;vertical-align:top}.userPage-user-img{position:absolute;top:0;left:0;width:160px;border-radius:50%}.userPage-user-cover{position:relative;top:0;left:0;height:160px;border-radius:50%;z-index:1}.userPage-justify-holder{width:100%;line-height:0;font-size:0}.userPage-user-name{margin-top:15px;line-height:24px;font-size:24px;text-align:center;color:#cd5237}@-ms-keyframes bounce{0%{-webkit-transform:translate3d(0,-250px,0);-moz-transform:translate3d(0,-250px,0);-o-transform:translate3d(0,-250px,0);transform:translate3d(0,-250px,0)}30%{-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-o-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}40%{-webkit-transform:translate3d(0,-40px,0);-moz-transform:translate3d(0,-40px,0);-o-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}50%{-webkit-transform:translate3d(0,40px,0);-moz-transform:translate3d(0,40px,0);-o-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}60%{-webkit-transform:translate3d(0,-31px,0);-moz-transform:translate3d(0,-31px,0);-o-transform:translate3d(0,-31px,0);transform:translate3d(0,-31px,0)}70%{-webkit-transform:translate3d(0,26px,0);-moz-transform:translate3d(0,26px,0);-o-transform:translate3d(0,26px,0);transform:translate3d(0,26px,0)}80%{-webkit-transform:translate3d(0,-17px,0);-moz-transform:translate3d(0,-17px,0);-o-transform:translate3d(0,-17px,0);transform:translate3d(0,-17px,0)}90%{-webkit-transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-o-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}95%{-webkit-transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);-o-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-moz-keyframes bounce{0%{-webkit-transform:translate3d(0,-250px,0);-moz-transform:translate3d(0,-250px,0);-o-transform:translate3d(0,-250px,0);transform:translate3d(0,-250px,0)}30%{-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-o-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}40%{-webkit-transform:translate3d(0,-40px,0);-moz-transform:translate3d(0,-40px,0);-o-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}50%{-webkit-transform:translate3d(0,40px,0);-moz-transform:translate3d(0,40px,0);-o-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}60%{-webkit-transform:translate3d(0,-31px,0);-moz-transform:translate3d(0,-31px,0);-o-transform:translate3d(0,-31px,0);transform:translate3d(0,-31px,0)}70%{-webkit-transform:translate3d(0,26px,0);-moz-transform:translate3d(0,26px,0);-o-transform:translate3d(0,26px,0);transform:translate3d(0,26px,0)}80%{-webkit-transform:translate3d(0,-17px,0);-moz-transform:translate3d(0,-17px,0);-o-transform:translate3d(0,-17px,0);transform:translate3d(0,-17px,0)}90%{-webkit-transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-o-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}95%{-webkit-transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);-o-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-o-keyframes bounce{0%{-webkit-transform:translate3d(0,-250px,0);-moz-transform:translate3d(0,-250px,0);-o-transform:translate3d(0,-250px,0);transform:translate3d(0,-250px,0)}30%{-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-o-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}40%{-webkit-transform:translate3d(0,-40px,0);-moz-transform:translate3d(0,-40px,0);-o-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}50%{-webkit-transform:translate3d(0,40px,0);-moz-transform:translate3d(0,40px,0);-o-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}60%{-webkit-transform:translate3d(0,-31px,0);-moz-transform:translate3d(0,-31px,0);-o-transform:translate3d(0,-31px,0);transform:translate3d(0,-31px,0)}70%{-webkit-transform:translate3d(0,26px,0);-moz-transform:translate3d(0,26px,0);-o-transform:translate3d(0,26px,0);transform:translate3d(0,26px,0)}80%{-webkit-transform:translate3d(0,-17px,0);-moz-transform:translate3d(0,-17px,0);-o-transform:translate3d(0,-17px,0);transform:translate3d(0,-17px,0)}90%{-webkit-transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-o-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}95%{-webkit-transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);-o-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes bounce{0%{-webkit-transform:translate3d(0,-250px,0);-moz-transform:translate3d(0,-250px,0);-o-transform:translate3d(0,-250px,0);transform:translate3d(0,-250px,0)}30%{-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-o-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}40%{-webkit-transform:translate3d(0,-40px,0);-moz-transform:translate3d(0,-40px,0);-o-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}50%{-webkit-transform:translate3d(0,40px,0);-moz-transform:translate3d(0,40px,0);-o-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}60%{-webkit-transform:translate3d(0,-31px,0);-moz-transform:translate3d(0,-31px,0);-o-transform:translate3d(0,-31px,0);transform:translate3d(0,-31px,0)}70%{-webkit-transform:translate3d(0,26px,0);-moz-transform:translate3d(0,26px,0);-o-transform:translate3d(0,26px,0);transform:translate3d(0,26px,0)}80%{-webkit-transform:translate3d(0,-17px,0);-moz-transform:translate3d(0,-17px,0);-o-transform:translate3d(0,-17px,0);transform:translate3d(0,-17px,0)}90%{-webkit-transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-o-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}95%{-webkit-transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);-o-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounce{0%{-webkit-transform:translate3d(0,-250px,0);-moz-transform:translate3d(0,-250px,0);-o-transform:translate3d(0,-250px,0);transform:translate3d(0,-250px,0)}30%{-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-o-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}40%{-webkit-transform:translate3d(0,-40px,0);-moz-transform:translate3d(0,-40px,0);-o-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}50%{-webkit-transform:translate3d(0,40px,0);-moz-transform:translate3d(0,40px,0);-o-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}60%{-webkit-transform:translate3d(0,-31px,0);-moz-transform:translate3d(0,-31px,0);-o-transform:translate3d(0,-31px,0);transform:translate3d(0,-31px,0)}70%{-webkit-transform:translate3d(0,26px,0);-moz-transform:translate3d(0,26px,0);-o-transform:translate3d(0,26px,0);transform:translate3d(0,26px,0)}80%{-webkit-transform:translate3d(0,-17px,0);-moz-transform:translate3d(0,-17px,0);-o-transform:translate3d(0,-17px,0);transform:translate3d(0,-17px,0)}90%{-webkit-transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-o-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}95%{-webkit-transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);-o-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-ms-keyframes bounceLeft{0%{opacity:0;-webkit-transform:translateX(360px) rotateZ(0);color:transparent;-moz-transform:translateX(360px) rotateZ(0);-o-transform:translateX(360px) rotateZ(0);transform:translateX(360px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(-720deg);color:#999;-moz-transform:translateX(0) rotateZ(-720deg);-o-transform:translateX(0) rotateZ(-720deg);transform:translateX(0) rotateZ(-720deg)}}@-moz-keyframes bounceLeft{0%{opacity:0;-webkit-transform:translateX(360px) rotateZ(0);color:transparent;-moz-transform:translateX(360px) rotateZ(0);-o-transform:translateX(360px) rotateZ(0);transform:translateX(360px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(-720deg);color:#999;-moz-transform:translateX(0) rotateZ(-720deg);-o-transform:translateX(0) rotateZ(-720deg);transform:translateX(0) rotateZ(-720deg)}}@-o-keyframes bounceLeft{0%{opacity:0;-webkit-transform:translateX(360px) rotateZ(0);color:transparent;-moz-transform:translateX(360px) rotateZ(0);-o-transform:translateX(360px) rotateZ(0);transform:translateX(360px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(-720deg);color:#999;-moz-transform:translateX(0) rotateZ(-720deg);-o-transform:translateX(0) rotateZ(-720deg);transform:translateX(0) rotateZ(-720deg)}}@-webkit-keyframes bounceLeft{0%{opacity:0;-webkit-transform:translateX(360px) rotateZ(0);color:transparent;-moz-transform:translateX(360px) rotateZ(0);-o-transform:translateX(360px) rotateZ(0);transform:translateX(360px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(-720deg);color:#999;-moz-transform:translateX(0) rotateZ(-720deg);-o-transform:translateX(0) rotateZ(-720deg);transform:translateX(0) rotateZ(-720deg)}}@keyframes bounceLeft{0%{opacity:0;-webkit-transform:translateX(360px) rotateZ(0);color:transparent;-moz-transform:translateX(360px) rotateZ(0);-o-transform:translateX(360px) rotateZ(0);transform:translateX(360px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(-720deg);color:#999;-moz-transform:translateX(0) rotateZ(-720deg);-o-transform:translateX(0) rotateZ(-720deg);transform:translateX(0) rotateZ(-720deg)}}@-ms-keyframes bounceLeft1{0%{opacity:0;-webkit-transform:translateX(198px) rotateZ(0);color:transparent;-moz-transform:translateX(198px) rotateZ(0);-o-transform:translateX(198px) rotateZ(0);transform:translateX(198px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(-360deg);color:#999;-moz-transform:translateX(0) rotateZ(-360deg);-o-transform:translateX(0) rotateZ(-360deg);transform:translateX(0) rotateZ(-360deg)}}@-moz-keyframes bounceLeft1{0%{opacity:0;-webkit-transform:translateX(198px) rotateZ(0);color:transparent;-moz-transform:translateX(198px) rotateZ(0);-o-transform:translateX(198px) rotateZ(0);transform:translateX(198px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(-360deg);color:#999;-moz-transform:translateX(0) rotateZ(-360deg);-o-transform:translateX(0) rotateZ(-360deg);transform:translateX(0) rotateZ(-360deg)}}@-o-keyframes bounceLeft1{0%{opacity:0;-webkit-transform:translateX(198px) rotateZ(0);color:transparent;-moz-transform:translateX(198px) rotateZ(0);-o-transform:translateX(198px) rotateZ(0);transform:translateX(198px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(-360deg);color:#999;-moz-transform:translateX(0) rotateZ(-360deg);-o-transform:translateX(0) rotateZ(-360deg);transform:translateX(0) rotateZ(-360deg)}}@-webkit-keyframes bounceLeft1{0%{opacity:0;-webkit-transform:translateX(198px) rotateZ(0);color:transparent;-moz-transform:translateX(198px) rotateZ(0);-o-transform:translateX(198px) rotateZ(0);transform:translateX(198px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(-360deg);color:#999;-moz-transform:translateX(0) rotateZ(-360deg);-o-transform:translateX(0) rotateZ(-360deg);transform:translateX(0) rotateZ(-360deg)}}@keyframes bounceLeft1{0%{opacity:0;-webkit-transform:translateX(198px) rotateZ(0);color:transparent;-moz-transform:translateX(198px) rotateZ(0);-o-transform:translateX(198px) rotateZ(0);transform:translateX(198px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(-360deg);color:#999;-moz-transform:translateX(0) rotateZ(-360deg);-o-transform:translateX(0) rotateZ(-360deg);transform:translateX(0) rotateZ(-360deg)}}@-ms-keyframes bounceRight{0%{opacity:0;-webkit-transform:translateX(-360px) rotateZ(0);color:transparent;-moz-transform:translateX(-360px) rotateZ(0);-o-transform:translateX(-360px) rotateZ(0);transform:translateX(-360px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(720deg);color:#999;-moz-transform:translateX(0) rotateZ(720deg);-o-transform:translateX(0) rotateZ(720deg);transform:translateX(0) rotateZ(720deg)}}@-moz-keyframes bounceRight{0%{opacity:0;-webkit-transform:translateX(-360px) rotateZ(0);color:transparent;-moz-transform:translateX(-360px) rotateZ(0);-o-transform:translateX(-360px) rotateZ(0);transform:translateX(-360px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(720deg);color:#999;-moz-transform:translateX(0) rotateZ(720deg);-o-transform:translateX(0) rotateZ(720deg);transform:translateX(0) rotateZ(720deg)}}@-o-keyframes bounceRight{0%{opacity:0;-webkit-transform:translateX(-360px) rotateZ(0);color:transparent;-moz-transform:translateX(-360px) rotateZ(0);-o-transform:translateX(-360px) rotateZ(0);transform:translateX(-360px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(720deg);color:#999;-moz-transform:translateX(0) rotateZ(720deg);-o-transform:translateX(0) rotateZ(720deg);transform:translateX(0) rotateZ(720deg)}}@-webkit-keyframes bounceRight{0%{opacity:0;-webkit-transform:translateX(-360px) rotateZ(0);color:transparent;-moz-transform:translateX(-360px) rotateZ(0);-o-transform:translateX(-360px) rotateZ(0);transform:translateX(-360px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(720deg);color:#999;-moz-transform:translateX(0) rotateZ(720deg);-o-transform:translateX(0) rotateZ(720deg);transform:translateX(0) rotateZ(720deg)}}@keyframes bounceRight{0%{opacity:0;-webkit-transform:translateX(-360px) rotateZ(0);color:transparent;-moz-transform:translateX(-360px) rotateZ(0);-o-transform:translateX(-360px) rotateZ(0);transform:translateX(-360px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(720deg);color:#999;-moz-transform:translateX(0) rotateZ(720deg);-o-transform:translateX(0) rotateZ(720deg);transform:translateX(0) rotateZ(720deg)}}@-ms-keyframes bounceRight1{0%{opacity:0;-webkit-transform:translateX(-198px) rotateZ(0);color:transparent;-moz-transform:translateX(-198px) rotateZ(0);-o-transform:translateX(-198px) rotateZ(0);transform:translateX(-198px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(360deg);color:#999;-moz-transform:translateX(0) rotateZ(360deg);-o-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg)}}@-moz-keyframes bounceRight1{0%{opacity:0;-webkit-transform:translateX(-198px) rotateZ(0);color:transparent;-moz-transform:translateX(-198px) rotateZ(0);-o-transform:translateX(-198px) rotateZ(0);transform:translateX(-198px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(360deg);color:#999;-moz-transform:translateX(0) rotateZ(360deg);-o-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg)}}@-o-keyframes bounceRight1{0%{opacity:0;-webkit-transform:translateX(-198px) rotateZ(0);color:transparent;-moz-transform:translateX(-198px) rotateZ(0);-o-transform:translateX(-198px) rotateZ(0);transform:translateX(-198px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(360deg);color:#999;-moz-transform:translateX(0) rotateZ(360deg);-o-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg)}}@-webkit-keyframes bounceRight1{0%{opacity:0;-webkit-transform:translateX(-198px) rotateZ(0);color:transparent;-moz-transform:translateX(-198px) rotateZ(0);-o-transform:translateX(-198px) rotateZ(0);transform:translateX(-198px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(360deg);color:#999;-moz-transform:translateX(0) rotateZ(360deg);-o-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg)}}@keyframes bounceRight1{0%{opacity:0;-webkit-transform:translateX(-198px) rotateZ(0);color:transparent;-moz-transform:translateX(-198px) rotateZ(0);-o-transform:translateX(-198px) rotateZ(0);transform:translateX(-198px) rotateZ(0)}1%{opacity:1}99%{color:transparent}100%{-webkit-transform:translateX(0) rotateZ(360deg);color:#999;-moz-transform:translateX(0) rotateZ(360deg);-o-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg)}}.userPage-listen-icon{margin-left:24px;margin-right:10px;width:21px;height:19px;background-position:-47px -80px;vertical-align:top;margin-top:13px}.userPage-user-summary{line-height:44px;text-align:center}.userPage-user-summary>img{margin-top:2px;vertical-align:top}#followBtn,.follow-btn{display:block;margin:7px auto 20px auto;width:143px;height:48px;line-height:48px;border:0;border-radius:24px;color:#fff;background-color:#ff734e}#followBtn:hover,.follow-btn:hover{background-color:#ff8160}.userPage-follow-btn-icon{width:24px;height:26px;vertical-align:top;margin-top:10px;margin-right:10px;background-position:-22px -80px}.userPage-seperator{margin:0 27px;border:0;border-top:1px solid #e5e5e5}.userPage-user-description{margin:19px 0 16px 0;line-height:24px;text-align:center;font-size:14px}.userPage-achievement-icon{width:21px;height:22px;margin-right:5px;vertical-align:top;margin-top:1px;background-position:0 -80px}.userPage-tab{position:relative;height:58px;line-height:58px;font-size:18px;text-align:center;color:#333}.userPage-tab-item{padding:0 24px;cursor:pointer}.userPage-tab-item:hover,.userPage-tab-func>a:hover{filter:alpha(opacity=70);opacity:.7}.userPage-tab-active-item{height:57px;color:#ff734e;border-bottom:2px solid #ff734e}.userPage-tab-func{position:absolute;top:0;right:10px;font-size:14px;color:#888}.userPage-tab-func>a{color:#888}#userPage-permission-popup{display:none;position:absolute;top:58px;right:10px;padding:10px;background:#fff;border:1px solid #cdcdcd;font-size:14px;line-height:28px;text-align:left}.userPage-permission-btn{border:1px solid #cdcdcd;margin-right:20px;padding:0 10px;height:26px;background:#fff}.userPage-product-active-icon{width:26px;height:24px;vertical-align:top;margin-top:16px;margin-right:8px;background-position:-96px -80px}.userPage-product-icon{width:26px;height:24px;vertical-align:top;margin-top:16px;margin-right:8px;background-position:-69px -80px}.userPage-transpond-icon{width:23px;height:21px;vertical-align:top;margin-top:17px;margin-right:8px;background-position:-123px -80px}.userPage-transpond-active-icon{width:23px;height:21px;vertical-align:top;margin-top:17px;margin-right:8px;background-position:-147px -80px}.userPage-tab-content{display:none}.userPage-tab-active-content{display:block}.userPage-work-li{padding-left:31px;line-height:40px;border-top:1px solid #dcdcdc;cursor:pointer}.userPage-share-li{display:table;width:100%;border-top:1px solid #dcdcdc;cursor:pointer}.userPage-work-even{background-color:#f3f3f3}.userPage-work-li>img{vertical-align:top;margin-top:10px;margin-left:5px}.userPage-work-li:hover,.userPage-share-li:hover,.userPage-share-li:hover .userPage-share-name{color:#ff734e}.userPage-work-li:hover .userPage-listen-count{display:none}.userPage-work-li:hover .userPage-song-detail{display:block}.userPage-work-detail{float:right;width:400px;padding:10px;border-left:1px solid #e1e1e1;vertical-align:top}.userPage-listen-count{height:18px;border:1px solid #dcdcdc;background-color:#e3e3e3}.userPage-song-detail{display:none;height:20px;line-height:20px;color:#ff734e}.userPage-listen-red-icon{width:19px;height:17px;vertical-align:top;margin-top:1px;margin-right:7px;background-position:-171px -80px}.userPage-gift-red-icon{width:18px;height:18px;vertical-align:top;margin-top:1px;margin-right:7px;margin-left:13px;background-position:-191px -80px}.userPage-share-red-icon{width:18px;height:16px;vertical-align:top;margin-top:1px;margin-right:7px;margin-left:13px;background-position:-210px -80px}.userPage-comment-red-icon{width:19px;height:18px;vertical-align:top;margin-top:1px;margin-right:7px;margin-left:13px;background-position:-229px -80px}.userPage-share-img{width:75px;height:75px;border-radius:5px;margin:10px;vertical-align:top}.userPage-share-detail{display:table-cell;width:40%;padding:0 10px;border-left:1px solid #e1e1e1;vertical-align:middle;font-size:15px}.userPage-share-song{padding:20px 0 0 0;color:#ea6131}.userPage-share-name{font-size:15px;color:#999;margin-top:3px}#permission_0,#permission_1{margin-right:3px}#loadWork,#loadShare{text-align:center}.emoji{vertical-align:bottom}.userPage-edit-icon-wrapper{display:inline-block}.userPage-edit-icon{display:inline-block;background:url(edit.png) no-repeat center center;*display:inline;*zoom:1;width:20px;height:20px;margin:0 7px 0 13px;background-size:contain;vertical-align:top}.userPage-dialog{display:none;width:650px;max-height:100vh;background-color:#fff;padding:0;padding-bottom:35px;box-sizing:border-box}.userPage-dialog-cover{width:450px;height:225px;margin:40px auto;background-color:#ddd;position:relative}.userPage-dialog-cover-img{padding:112.5px;background-size:cover}.userPage-dialog-cover-tips{width:100%;display:block;height:40px;line-height:40px;text-align:center;color:#fff;background-color:rgba(0,0,0,0.5);position:absolute;bottom:0;left:0}.userPage-dialog-submit{width:100px;height:40px;margin:20px auto;padding:0 35px;line-height:40px;font-size:18px;color:#fff;text-align:center;background-color:#ff734e;position:relative;border-radius:4px;cursor:pointer}.userPage-dialog-editcover{width:450px;margin:40px auto;background-color:#ddd;position:relative}.userPage-dialog-editcover img{width:100%}.userPage-dialog-submit input{position:absolute;left:0;top:0;width:170px;height:0;padding:20px;opacity:0;box-sizing:border-box}.userPage-dialog-btngroup{width:100%;margin:55px auto 25px auto;text-align:center}.btn{height:40px;line-height:40px;margin:0 10px;padding:0 60px;display:inline-block;border-radius:4px;cursor:pointer}.btngroup-btn-gray{background-color:#eee;color:#666}.btngroup-btn-red{background-color:#ff734e;color:#fff}.update-cover-succ-dialog{display:none;margin:auto;background-color:transparent;text-align:center;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.update-cover-succ-icon{width:80px;height:80px;margin:auto;background:url(/succ.png) no-repeat center;background-size:contain}.update-cover-succ-tips{font-size:32px;color:#fff;margin:10px;font-family:'黑体'}#mask{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3)}.ui-dialog-wrapper{max-height:100vh;overflow:auto}.cropper-viewer{outline:0 !important}
