/*!
 * live.me  mic.me
 * 
 * @author: Jason Lee
 * @date: 2017-04-21 17:38:42
 */

@charset 'utf-8';a,a:active,a:hover{color:#fff}.bottom-bar,.follow{-moz-box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}body,button,html,input,select,textarea{font-family:NobelRegular,NobelBook,'Helvetica Neue',Helvetica,Arial,'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft YaHei UI','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}sup{vertical-align:text-top}sub{vertical-align:text-bottom}button,input,select,textarea{font-size:inherit;font-weight:inherit;overflow:visible;width:auto;*font-size:100%}#loading,.layer,.none,.wrap{overflow:hidden}legend{color:#000}h1,h2,h3,h4,h5,h6{font-weight:400}a{text-decoration:none;outline:0}a,button,div,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-focus:none}.pull-left{display:inline;float:left}.pull-right{display:inline;float:right}.clearfix{font-size:0;display:block;clear:both;height:0;content:'\200c'}.clear{zoom:1}.clear:after{font-size:0;display:block;clear:both;height:0;content:'\200c'}.none{display:none}#loading{position:fixed;z-index:101;top:0;left:0;width:100%;height:100%;background:#160725}.layer,.mask{z-index:9999}#loading .spinner{font-size:10px;position:absolute;top:50%;left:50%;width:1rem;height:1.2rem;margin:-1.2rem 0 0 -.25rem;text-align:center}.bottom-bar,.layer,.mask,.public-toast{position:fixed}#loading .spinner>div{display:inline-block;width:.12rem;height:100%;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;-moz-animation:stretchdelay 1.2s infinite ease-in-out;-o-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out;background-color:#ff3eff}#loading .spinner .rect2{-webkit-animation-delay:-1.1s;-moz-animation-delay:-1.1s;-o-animation-delay:-1.1s;animation-delay:-1.1s}#loading .spinner .rect3{-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-o-animation-delay:-1s;animation-delay:-1s}#loading .spinner .rect4{-webkit-animation-delay:-.9s;-moz-animation-delay:-.9s;-o-animation-delay:-.9s;animation-delay:-.9s}#loading .spinner .rect5{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-moz-keyframes stretchdelay{0%,100%,40%{-moz-transform:scaleY(.4);transform:scaleY(.4)}20%{-moz-transform:scaleY(1);transform:scaleY(1)}}@-o-keyframes stretchdelay{0%,100%,40%{-o-transform:scaleY(.4);transform:scaleY(.4)}20%{-o-transform:scaleY(1);transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4);-moz-transform:scaleY(.4);-o-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes zoom{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}100%{-webkit-transform:translate3d(0,0,0) scale(.85);transform:translate3d(0,0,0) scale(.85)}}@-moz-keyframes zoom{0%{-moz-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}100%{-moz-transform:translate3d(0,0,0) scale(.85);transform:translate3d(0,0,0) scale(.85)}}@-o-keyframes zoom{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,0,0) scale(.85)}}.mask{top:0;left:0;width:100%;height:100%;color:#333;background:rgba(0,0,0,.6)}.mask .client-pop{font-size:.32rem;position:fixed;top:40%;left:50%;width:5.4rem;margin-top:-1rem;margin-left:-2.7rem;-webkit-transition-timing-function:linear,linear;-moz-transition-timing-function:linear,linear;-o-transition-timing-function:linear,linear;transition-timing-function:linear,linear;-webkit-transition-duration:.1s,.1s;-moz-transition-duration:.1s,.1s;-o-transition-duration:.1s,.1s;transition-duration:.1s,.1s;-webkit-transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-o-transform;-moz-transition-property:transform,opacity,-moz-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform,-moz-transform,-o-transform;-webkit-transform:scale(1.3) translateZ(0);-moz-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0);opacity:0;border-radius:.14rem;background:rgba(255,255,255,.95)}.mask .client-pop p{font-size:1em;line-height:1.5em;padding:15px 20px;text-align:center}.mask .client-pop.client-pop-show{-webkit-transform:scale(1) translateZ(0);-moz-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);opacity:1}.mask .client-btns{display:-webkit-box;height:.9rem;border-top:#ccc solid 1px;-webkit-box-flex:0}.mask .client-btns a{line-height:.88rem;display:block;width:50%;text-align:center;color:#333;border-right:#ccc solid 1px;-webkit-box-flex:1}.mask .client-btns a:active{background:rgba(0,0,0,.05)}.mask .client-btns a:last-child{border-right:0 none}.bottom-bar{z-index:999;bottom:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:.7rem;background:rgba(49,16,121,.7)}.bottom-bar .logo{position:relative;float:left;width:1.56rem;height:.7rem}.bottom-bar .logo:after{position:absolute;top:50%;left:50%;display:block;width:1.16rem;height:.36rem;margin-top:-.18rem;margin-left:-.58rem;content:' ';background:url(../images/icon_share.png) 0 -7rem no-repeat;-o-background-size:2.25rem 10rem;background-size:2.25rem 10rem}.bottom-bar .share{position:relative;float:right;width:.77rem;height:.7rem}.bottom-bar .share:after{position:absolute;top:50%;left:50%;display:block;width:.38rem;height:.38rem;margin-top:-.19rem;margin-left:-.19rem;content:' ';background:url(../images/icon_share.png) 0 -6rem no-repeat;-o-background-size:2.25rem 10rem;background-size:2.25rem 10rem}@-webkit-keyframes moveTop{0%{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);opacity:0}100%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:1}}@-moz-keyframes moveTop{0%{-moz-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);opacity:0}100%{-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:1}}@-o-keyframes moveTop{0%{transform:translate3d(-50%,100%,0);opacity:0}100%{transform:translate3d(-50%,0,0);opacity:1}}@keyframes moveTop{0%{-webkit-transform:translate3d(-50%,100%,0);-moz-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);opacity:0}100%{-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:1}}.public-toast{font-size:.24rem;z-index:9999;right:50%;bottom:50px;max-width:80%;padding:.2rem .3rem;-webkit-transition:all linear .1s;-o-transition:all linear .1s;-moz-transition:all linear .1s;transition:all linear .1s;-webkit-transform:translate3d(50%,100%,0);-moz-transform:translate3d(50%,100%,0);transform:translate3d(50%,100%,0);opacity:0;color:#fff;border-radius:.06rem;background:rgba(0,0,0,.7)}.public-toast.public-toast-show{-webkit-transform:translate3d(50%,0,0);-moz-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:1}.layer{top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.4)}.layer .layer-box{position:absolute;bottom:.13rem;left:50%;width:5.9rem;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-animation:moveTop .3s;-moz-animation:moveTop .3s;-o-animation:moveTop .3s;animation:moveTop .3s;border-radius:.04rem;background-color:#fff}.layer .layer-btn{font-size:.28rem;font-weight:700;line-height:.74rem;display:block;height:.74rem;text-align:center;color:#333}.layer .share-button{border:1px solid #b5b5b5}.layer .share-button:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:''}.layer .share-button a{font-size:.24rem;float:left;width:50%;padding:.26rem 0 .34rem;text-align:center;color:#333}.layer .share-button a .icon{display:block;width:.72rem;height:.72rem;margin:0 auto;margin-bottom:.28rem}.layer .share-button a .icon.icon-fb{background:url(../images/icon_share.png) 0 -3rem no-repeat;-o-background-size:2.25rem 10rem;background-size:2.25rem 10rem}.layer .share-button a .icon.icon-tw{background:url(../images/icon_share.png) no-repeat;-o-background-size:2.25rem 10rem;background-size:2.25rem 10rem}.layer .share-button a:active{background-color:#f5f5f5}.follow{position:absolute;z-index:50;top:50%;right:0;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:.82rem;height:.5rem;margin-top:-.25rem;padding:.12rem .16rem;border-radius:.5rem;background-color:#ff3eff}.follow .icon{position:relative;display:inline-block;float:left;vertical-align:top}.icon-s,.icon-v,.level{position:absolute;right:0}.icon-diamond,.icon-fans{vertical-align:bottom;display:inline-block}.follow .icon.icon-plus{width:.2rem;height:.23rem;margin-right:.06rem}.follow .icon.icon-plus:after,.follow .icon.icon-plus:before{position:absolute;top:50%;left:50%;content:'';-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);border-radius:5px;background:#fff}.follow .icon.icon-plus:before{width:.18rem;height:.03rem}.follow .icon.icon-plus:after{width:.03rem;height:.18rem}.follow .icon.icon-user{width:.18rem;height:.23rem;background:url(../images/user.png) center center no-repeat;-o-background-size:contain;background-size:contain}.follow-disabled{background-color:#888}.follow-disabled .icon.icon-plus,.icon.icon-plus.icon-right{width:.2rem;height:.23rem}.btn-disabled .icon.icon-plus:before,.follow-disabled .icon.icon-plus:after,.icon.icon-plus.icon-right:after,.icon.icon-plus.icon-right:before{position:absolute;top:50%;left:50%;content:'';-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;border-radius:5px;background:#fff}.follow-disabled .icon.icon-plus:before,.icon.icon-plus.icon-right:before{width:.18rem;height:.03rem;-webkit-transform:translate3d(-80%,50%,0) rotate(45deg) scale(.66666667,1);-moz-transform:translate3d(-80%,50%,0) rotate(45deg) scale(.66666667,1);transform:translate3d(-80%,50%,0) rotate(45deg) scale(.66666667,1)}.follow-disabled .icon.icon-plus:after,.icon.icon-plus.icon-right:after{width:.03rem;height:.18rem;-webkit-transform:translate3d(63%,-48%,0) rotate(45deg);-moz-transform:translate3d(63%,-48%,0) rotate(45deg);transform:translate3d(63%,-48%,0) rotate(45deg)}.level{top:50%;display:inline-block;width:.48rem;height:.25rem;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);background:center center no-repeat;-o-background-size:contain;background-size:contain}.level-100{background-image:url(../images/level/level-100.png)}.level-99{background-image:url(../images/level/level-99.png)}.level-98{background-image:url(../images/level/level-98.png)}.level-97{background-image:url(../images/level/level-97.png)}.level-96{background-image:url(../images/level/level-96.png)}.level-95{background-image:url(../images/level/level-95.png)}.level-94{background-image:url(../images/level/level-94.png)}.level-93{background-image:url(../images/level/level-93.png)}.level-92{background-image:url(../images/level/level-92.png)}.level-91{background-image:url(../images/level/level-91.png)}.level-90{background-image:url(../images/level/level-90.png)}.level-89{background-image:url(../images/level/level-89.png)}.level-88{background-image:url(../images/level/level-88.png)}.level-87{background-image:url(../images/level/level-87.png)}.level-86{background-image:url(../images/level/level-86.png)}.level-85{background-image:url(../images/level/level-85.png)}.level-84{background-image:url(../images/level/level-84.png)}.level-83{background-image:url(../images/level/level-83.png)}.level-82{background-image:url(../images/level/level-82.png)}.level-81{background-image:url(../images/level/level-81.png)}.level-80{background-image:url(../images/level/level-80.png)}.level-79{background-image:url(../images/level/level-79.png)}.level-78{background-image:url(../images/level/level-78.png)}.level-77{background-image:url(../images/level/level-77.png)}.level-76{background-image:url(../images/level/level-76.png)}.level-75{background-image:url(../images/level/level-75.png)}.level-74{background-image:url(../images/level/level-74.png)}.level-73{background-image:url(../images/level/level-73.png)}.level-72{background-image:url(../images/level/level-72.png)}.level-71{background-image:url(../images/level/level-71.png)}.level-70{background-image:url(../images/level/level-70.png)}.level-69{background-image:url(../images/level/level-69.png)}.level-68{background-image:url(../images/level/level-68.png)}.level-67{background-image:url(../images/level/level-67.png)}.level-66{background-image:url(../images/level/level-66.png)}.level-65{background-image:url(../images/level/level-65.png)}.level-64{background-image:url(../images/level/level-64.png)}.level-63{background-image:url(../images/level/level-63.png)}.level-62{background-image:url(../images/level/level-62.png)}.level-61{background-image:url(../images/level/level-61.png)}.level-60{background-image:url(../images/level/level-60.png)}.level-59{background-image:url(../images/level/level-59.png)}.level-58{background-image:url(../images/level/level-58.png)}.level-57{background-image:url(../images/level/level-57.png)}.level-56{background-image:url(../images/level/level-56.png)}.level-55{background-image:url(../images/level/level-55.png)}.level-54{background-image:url(../images/level/level-54.png)}.level-53{background-image:url(../images/level/level-53.png)}.level-52{background-image:url(../images/level/level-52.png)}.level-51{background-image:url(../images/level/level-51.png)}.level-50{background-image:url(../images/level/level-50.png)}.level-49{background-image:url(../images/level/level-49.png)}.level-48{background-image:url(../images/level/level-48.png)}.level-47{background-image:url(../images/level/level-47.png)}.level-46{background-image:url(../images/level/level-46.png)}.level-45{background-image:url(../images/level/level-45.png)}.level-44{background-image:url(../images/level/level-44.png)}.level-43{background-image:url(../images/level/level-43.png)}.level-42{background-image:url(../images/level/level-42.png)}.level-41{background-image:url(../images/level/level-41.png)}.level-40{background-image:url(../images/level/level-40.png)}.level-39{background-image:url(../images/level/level-39.png)}.level-38{background-image:url(../images/level/level-38.png)}.level-37{background-image:url(../images/level/level-37.png)}.level-36{background-image:url(../images/level/level-36.png)}.level-35{background-image:url(../images/level/level-35.png)}.level-34{background-image:url(../images/level/level-34.png)}.level-33{background-image:url(../images/level/level-33.png)}.level-32{background-image:url(../images/level/level-32.png)}.level-31{background-image:url(../images/level/level-31.png)}.level-30{background-image:url(../images/level/level-30.png)}.level-29{background-image:url(../images/level/level-29.png)}.level-28{background-image:url(../images/level/level-28.png)}.level-27{background-image:url(../images/level/level-27.png)}.level-26{background-image:url(../images/level/level-26.png)}.level-25{background-image:url(../images/level/level-25.png)}.level-24{background-image:url(../images/level/level-24.png)}.level-23{background-image:url(../images/level/level-23.png)}.level-22{background-image:url(../images/level/level-22.png)}.level-21{background-image:url(../images/level/level-21.png)}.level-20{background-image:url(../images/level/level-20.png)}.level-19{background-image:url(../images/level/level-19.png)}.level-18{background-image:url(../images/level/level-18.png)}.level-17{background-image:url(../images/level/level-17.png)}.level-16{background-image:url(../images/level/level-16.png)}.level-15{background-image:url(../images/level/level-15.png)}.level-14{background-image:url(../images/level/level-14.png)}.level-13{background-image:url(../images/level/level-13.png)}.level-12{background-image:url(../images/level/level-12.png)}.level-11{background-image:url(../images/level/level-11.png)}.level-10{background-image:url(../images/level/level-10.png)}.level-9{background-image:url(../images/level/level-9.png)}.level-8{background-image:url(../images/level/level-8.png)}.level-7{background-image:url(../images/level/level-7.png)}.level-6{background-image:url(../images/level/level-6.png)}.level-5{background-image:url(../images/level/level-5.png)}.level-4{background-image:url(../images/level/level-4.png)}.level-3{background-image:url(../images/level/level-3.png)}.level-2{background-image:url(../images/level/level-2.png)}.level-1{background-image:url(../images/level/level-1.png)}@font-face{font-family:bask;src:url(fonts/BASKVILL.eot);src:url(fonts/BASKVILL.eot) format('embedded-opentype'),url(fonts/BASKVILL.woff2) format('woff2'),url(fonts/BASKVILL.woff) format('woff'),url(fonts/BASKVILL.ttf) format('truetype'),url(fonts/BASKVILL.svg#BASKVILL) format('svg')}body,html{font-size:.26em;width:100%;height:100%;color:#fff;background:#42157e}.icon-background{background:url(../images/icons.png) center center no-repeat;-o-background-size:.5rem 4rem;background-size:.5rem 4rem}.icon-fans{width:.24rem;height:.23rem;margin-right:.02rem;background:url(../images/icons.png) 0 -3rem no-repeat;-o-background-size:.5rem 4rem;background-size:.5rem 4rem}.icon-s,.icon-v{bottom:0;display:inline-block;width:.26rem;height:.26rem;background:url(../images/icons.png) no-repeat;-o-background-size:.5rem 4rem;background-size:.5rem 4rem}.wrap,.wrap .content .header{position:relative}.icon-s{background-position:0 -1rem}.icon-diamond{width:.24rem;height:.21rem;margin-right:.05rem;margin-left:.2rem;background:url(../images/icons.png) 0 -2rem no-repeat;-o-background-size:.5rem 4rem;background-size:.5rem 4rem}.wrap{width:100%;margin:0 auto;padding-bottom:.77rem;background-color:#030201}.wrap .tab-nav .tab{font-family:bask;font-size:.38rem;float:left;width:50%;height:.95rem;text-align:center;opacity:.7;color:#fff}.wrap .tab-nav .tab span{display:inline-block;padding:.1rem;padding-top:.3rem}.wrap .tab-nav .tab.current{color:#d91b44}.wrap .tab-nav .tab.current span{border-bottom:.02rem solid #d91b44}.wrap .content .header img{width:100%}.wrap .content .header .desc{font-family:bask;font-size:.3rem;line-height:.36rem;padding:.2rem .4rem;text-align:center}.wrap .content .header .desc .time{color:#ffcf28}.wrap .content .header.artist .desc{padding-bottom:.6rem}.wrap .content .header.mic .desc{position:absolute;bottom:.2rem}.wrap .content .title{width:1.6rem;height:.9rem;margin:0 auto .3rem;background:url(../images/icon-play.png) center center no-repeat;-o-background-size:contain;background-size:contain}.wrap .content .tap-wrap{padding:.2rem .2rem .1rem}.wrap .content .tap-wrap .tab{font-family:bask;font-size:.3rem;line-height:.4rem;display:inline-block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:1.39rem;height:.47rem;margin-right:.14rem;text-align:center;opacity:.3;color:#d91b44;border:.04rem solid #d91b44;border-radius:.1rem}.wrap .content .tap-wrap .tab:last-child{margin-right:0}.wrap .content .tap-wrap .tab.current{opacity:1}.wrap .content .tab-content{padding:0 .2rem}.wrap .content .tab-content .item{margin-top:.5rem;padding:.4rem .3rem;border:.04rem solid #d91b44;border-radius:.1rem}.wrap .content .tab-content .item .user-info{position:relative;padding-top:.1rem}.wrap .content .tab-content .item .user-info .face{font-size:0;position:relative;float:left;width:.86rem;height:.86rem;margin-right:.2rem;border-radius:.86rem;background-color:#42157e;-o-background-size:contain;background-size:contain}.wrap .content .tab-content .item .user-info p{font-size:.24rem}.wrap .content .tab-content .item .user-info .nickname-wrap{line-height:.35rem;position:relative;display:inline-block;height:.35rem;margin-top:.1rem;margin-left:0;padding-right:.7rem}.wrap .content .tab-content .item .user-info .nickname-wrap .nickname{display:inline-block;overflow:hidden;max-width:2.5rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.wrap .content .tab-content .item .desc{font-size:.22rem;line-height:.3rem;padding:.3rem 0}.wrap .content .tab-content .item .time{font-size:.26rem;color:#d91b44}.wrap .content .right{font-size:.24rem;line-height:.33rem;padding:.6rem .45rem}