html,body{height:100%;}	
body{background-color:#f5f5f5;color:#fff;font-size:14px;}
a{color:#fff}
#wrapper{width:100%;max-width:640px;min-height:100%;margin:0 auto;background:url(http://api.5aichang.cn/apiv5/web/share/images/songbg.jpg) no-repeat;background-size:100% 100%;overflow:hidden;}
#acbar{width:100%;position:fixed;left:0;bottom:0;z-index:9999;}
#acbar li{width:100%;height:60px;max-width:640px;margin:0 auto;background-color:#04060c;padding:10px 15px;overflow:hidden;}
#acbar a{display:block;float:right;width:80px;font-size:14px;background:url(http://api.5aichang.cn/apiv5/web/share/images/downbg.png) no-repeat;background-size:100% 100%;text-align:center;padding:3px 0;margin-top:7px;color:#fd466e}
#acbar img{width:40px;height:40px;vertical-align:middle;margin-right:10px}
#acbar span{color:#fff;font-size:16px;}
#acbar small{color:#7f7f7f;font-size:12px;}
#main{padding:0;}
#userinfo{padding:15px 0;font-size:16px;}
#userinfo a{display:block;float:right;width:120px;font-size:14px;background:url(http://api.5aichang.cn/apiv5/web/share/images/downbg_big.png) no-repeat;background-size:100% 100%;text-align:center;padding:3px 0;margin-top:7px;color:#fd466e}
.face{width:48px;height:48px;border-radius:50%;overflow:hidden;display:block;background:url(http://api.5aichang.cn/apiv5/web/share/images/face.png) no-repeat;background-size:100%;float:left;margin-right:12px}
.face img{width:100%;height:100%;}
#userinfo span{font-size:12px;}
#userinfo span.auth{color:#ff861e}
#userinfo p img{width:16px;height:16px;margin-right:4px;}
#combined{overflow:hidden;padding-bottom:10px;background:url(http://api.5aichang.cn/apiv5/web/share/images/with.png) left 8px no-repeat;background-size:15px;padding-left:18px;}
#combined .face{width:30px;height:30px;}
#combined p{margin-top:5px;}
#songinfo{color:#b2b2b2}
#songdata{margin-top:10px;font-size:12px;color:#7f7f7f;}
#songdata span{float:right;}
#songdata i{display:inline-block;width:15px;}
h2.title{font-weight:300;font-size:16px;background:url(http://api.5aichang.cn/apiv5/web/share/images/h2_icon.png) no-repeat;background-size:4px 100%;text-indent:12px;margin-bottom:10px;}
h2.title a{float:right;color:#7f7f7f;font-size:14px;}
.line{height:15px;background-color:#000;margin:10px -15px;}
.play_top{margin-top:5px;height:62px;;position:relative}
.play_top .line1,.play_top .text{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0)}
.play_top .text{transform:translate3d(-50%,-50%,0);width:120px;margin:0 auto;font-size:17px;color:#fff;text-align:center;background:#1a1e29}
.play_top .line1{transform:translate3d(-50%,-50%,0);width:270px;height:1px;background:#fff;}
.imglist{overflow:hidden;}
.imglist li{float:left;padding-bottom:1px;padding-top:1px}
.imglist3 li{width:33.33333%;}
.imglist4 li{width:50%;}
.imglist2 li{width:50%;padding-bottom:1px}
.imglist a{display:block;width:100%;overflow:hidden;position:relative;padding-bottom:100%;height:0;background:url(http://api.5aichang.cn/apiv5/web/share/images/face.png) no-repeat;background-size:100% 100%;}
.imglist2 a{padding-bottom:56%}
.imglist a img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.imglist a div{position:absolute;bottom:0;left:0;width:100%;padding:5px;font-size:12px;z-index:2;background:url(http://api.5aichang.cn/apiv5/web/share/images/shadow.png) no-repeat;}
.txtlist li{overflow:hidden;padding:5px 0;position:relative;}
.txtlist li:first-child{padding-top:0;}
.txtlist .face{width:40px;height:40px;}
.txtlist p img{width:16px;height:16px;margin-left:4px;}
.txtlist p:last-child{font-size:12px;color:#7f7f7f}
.txtlist a{display:block;position:absolute;width:100%;height:100%;top:0;left:0;}

#player{width:100%;overflow:hidden;position:relative;padding-bottom:100%;height:0;}
.ma{position:absolute;width:100%;top:0;left:0;right:0;height:100%;}
#albums{z-index:1;}
#albums img{width:100%;}
#start{z-index:999;background:rgba(0,0,0,.4) url(http://api.5aichang.cn/apiv5/web/share/images/play.png) center center no-repeat;background-size:25%;}
#poster{background-color:#000;z-index:998}
#poster img{width:100%;}
#face{width:100%;position:absolute;top:0;left:0;z-index:997;background-color:rgba(0,0,0,.3);height:54px;padding:7px 15px 7px 7px;overflow:hidden;}
#face img{width:40px;height:40px;float:left;display:block;border-radius:50%;overflow:hidden;}
#face a{display:block;float:right;width:65px;font-size:14px;background:url(http://api.5aichang.cn/apiv5/web/share/images/downbg.png) no-repeat;background-size:100% 100%;text-align:center;padding:3px 0;margin-top:7px;color:#fd466e}
#face div{float:left;margin-left:8px;width:-moz-calc(100% - 115px);width:-webkit-calc(100% - 115px);width:calc(100% - 115px);}
#control{position:absolute;width:100%;left:0;bottom:15px;z-index:997}
#control li{float:left;height:14px;}
#playbtn{width:50px;background:url(http://api.5aichang.cn/apiv5/web/share/images/ctrl_play.png) center center no-repeat;background-size:14px 14px}
#playbtn.paused{background-image:url(http://api.5aichang.cn/apiv5/web/share/images/ctrl_pause.png);}
#duration{width:110px;text-align:center;font-size:10px;}
#progress{width:-moz-calc(100% - 160px);width:-webkit-calc(100% - 160px);width:calc(100% - 160px);}
.progressbar{background-color:#fff;height:2px;margin-top:6px;}
.bufferbar{height:100%;background-color:#e0e0e0;}
.timebar{height:100%;margin-top:-2px;position:relative;background:url(http://api.5aichang.cn/apiv5/web/share/images/timebar_bg.png) no-repeat;}
.progress_icon{position:absolute;width:18px;height:18px;top:11px;right:19px;background:url(http://api.5aichang.cn/apiv5/web/share/images/timebar_btn.png) no-repeat;background-size:100%;}
.progress_point{position: absolute;top: -19px;right: -30px;display: block;padding: 20px;}
.shadow {}
.nickname {font-family: PingFangSC-Light, sans-serif;font-size:12px;margin-left:10px;}
.songname {font-family: PingFangSC-Light, sans-serif;font-size:14px;margin-left:10px;}