html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
img{width:auto\9;height:auto;pointer-events:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html{overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:none;}
a{text-decoration:none;color:#027b7e;outline:none;}
a:hover{text-decoration:underline;}
p{padding:0;}
li{margin:0 0 .5em 0;padding:0;}
input[type=search]{outline:none;-webkit-appearance:none;}
input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button{display:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
table{border-spacing:0;border-collapse:collapse;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
small{font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
label,input,select,form img,button,textarea{vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,optgroup{font-weight:normal;font-style:normal;}
.clear:after{display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clear{display:inline-block;}
* html .clear{height:1%;}
.clear{display:block;}
.pa{position:absolute;}
img{display:block;max-width:100%;margin:0 auto;}


html{width:100%;min-height:100%;}
body,html{width:100%;min-height:100%;height: 100%;overflow: hidden;max-width:640px;margin:0 auto;}
body{font-family:PingFang SC,"\5FAE\8F6F\96C5\9ED1",Source Han Sans CN,SimSun,Arial,Microsoft YaHei,Hiragino Sans GB,宋体,Tahoma，arial,sans-serif;font-size:14px;position:absolute;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;color:#333;background: #661a1a;}
#loading{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    margin: auto;
}
#p1{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;-webkit-overflow-scrolling: touch;overflow-y:auto;
}
.btn{
    pointer-events: auto;
}

.btnClcked{
    transform: scale(0.95);
}
#tipDiv,.pop{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top: 0;
    display: none; 
}
.pop{background: rgba(0,0,0,0.8);}
.close_cp{width:50px;height:50px;position:absolute;top:100px;right:10%;}
#tipTxt{
    position: absolute;
    background: rgba(0,0,0,0.8);
    color: white;
    font-size: 0.32rem;
    left: 50%;
    padding: 0.1rem 0.22rem;
    top: 50%;
    border-radius: 0.15rem;
    transform: translate(-50%,-50%);
    width: 5rem;
    text-align: center;
}

@-webkit-keyframes upmovesed{
    from{opacity: 0;-webkit-transform:translateY(-0.3rem) ;transform:translateY(-0.3rem);}
    to{opacity: 1;-webkit-transform:translateY(0rem) ;transform:translateY(0rem);}
}
.upmoveer2{
    animation:upmovesed 0.8s linear both ;
    -webkit-animation: upmovesed 0.8s linear both ;
}
@-webkit-keyframes upmoves{
    from{opacity: 0;-webkit-transform:translateY(-0.1rem) ;transform:translateY(-0.1rem);}
    to{opacity: 1;-webkit-transform:translateY(0rem) ;transform:translateY(0rem);}
}
.upmoveer{
    animation:upmoves 1.8s linear both ;
    -webkit-animation: upmoves 1.8s linear both ;
}
.upmoveer1{
    animation:upmoves 1.5s linear both ;
    -webkit-animation: upmoves 1.5s linear both ;
}
.huxi{
    animation:huxi 2s linear infinite;
    -webkit-animation: huxi 2s linear infinite;
}
@-webkit-keyframes huxi{
    from{opacity: 0.9;transform: scale(1);}
    50%{opacity: 1;transform: scale(1.05);}
    to{opacity: 0.9;transform: scale(1);}
}

.iphoneX{
    position: absolute;
    width: 7.5rem;
    height: 14.48rem;
    top: 0rem;
    left: 0rem;
}
.loading_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: auto;
    bottom: 0;
    right: 0;
}
#loading_icon{
    position: absolute;
        width: 5rem;
    top: 2rem;
    left: 1.25rem;
}

#loading_lineDiv{
    position: absolute;
    width: 3.5rem;
    height: 0.05rem;
    top:8.8rem;    left: 2rem;
    background-color: #eeeeee;
}
.dates{color: #fff;
    position: absolute;
    width: 100%;
    top: 4rem;
    text-align: center;
    font-size: 0.3rem;}
#loading_line{
    position: absolute;
    background-color:#ffbe2e;
    width: 0%;
    height: 100%;
}
.bg{
    position: absolute;
    width: 100%;
}

.load{
    position: absolute;
    width: 6.58rem;
    top: 3rem;
}

.logo{width: 2rem;}
.banner{width:6rem;margin:0 auto;margin-left: 0.4rem;padding-top: 0.75rem;}
#p1{background:url(../img/b.png);background-size: 100%;}
.chupin{width:1.1rem;position: fixed;
    right: 0.4rem;
    background: url(../img/chupin.png) no-repeat center;
    background-size: 100%;
    z-index: 100;
    height: 0.7rem;
    bottom: 0;}
.zhu{text-align:center;color:#fff;padding:0;padding-top:0.7rem;padding-bottom:0.4rem;}
.content{background:#fff;border-radius:0.4rem;width: 7.3rem;min-height: 100%;margin: 0 auto;margin-bottom:0.5rem;}
.act{background:url(../img/act.png) no-repeat center;background-size:100%;padding:0.2rem 0;width:100%;height:0.8rem;margin:0 auto;overflow:hidden;    position: relative;}
.act1{width: 20%;float: left;background: url(../img/Collection_H.png) no-repeat 0.6rem 0.2rem;line-height: 0.6rem;padding-top: 0.15rem;background-size: 0.5rem;padding-left: 1.1rem;}
.act1.hov{background-image: url(../img/h.png);}
.act2{width: 20%;margin:0 auto;}.act2 img{width:1.1rem;padding-top:0.2rem;}
.act3{width:16%;display:block;position:absolute;top:0.35rem;right: 0.5rem;}
#control{padding-left:0.3rem;font-size:0.26rem;font-weight:bold;}
.playlist{padding:0 0.3rem;box-sizing: border-box;overflow: hidden;}
.playlist li{width: 100%;padding-top: 0.3rem;border-bottom: 1px solid #eee;
    padding-bottom: 0.2rem;}
.playlist li div{margin-left:0.9rem;position: relative;}
.playlist li div.select{background: url('../img/icon/5.png') no-repeat right 7px;background-size: 2rem 2rem;}
.playlist li .list_t{font-size:0.26rem;line-height: 0.4rem;color:#000;width:87%;padding-right:13%;position: relative;}
 .playlist li .list_t:first-child{line-height: 0.6rem;}
 .playlist li .list_t:last-child{line-height: 0.6rem;}
 .playlist li .list_t label{display:none;}
 .playlist li .list_t label.shows{display:block;}
.fadeI{position:absolute;width:0.7rem;right:0;bottom:0.05rem;}
.playlist li .list_b{text-align:left;width:90%;font-size: 0.24rem;padding-top: 0.1rem;line-height: 0.38rem;color: #949494;display:none;}
.playlist li .list_b.shows{display:block;}
.playlist li .list_b img{display: inline-block;width:76px;height:76px;margin-right:40px;}
.playlist li  div.audiojs{width:11rem;height:20px;font-size:.8rem;margin:0px 0px;padding:0 2rem;}
.playlist font{width:0.6rem;float:left;height:0.6rem;background: url(../img/C_play.png) no-repeat center;background-size: 100%;}
.audioList{background: #fff;margin-bottom: 20px;}
.audioList .group{padding: 0;width: auto;padding-bottom: 25px;}
.playlist .play font {width:0.6rem;float:left;height:0.6rem;background: url(../img/C_stop.png) no-repeat center;background-size: 100%;}

.zan{width:2rem;position:fixed;right:0;bottom:0.3rem;background:url(../img/zan/1.png) no-repeat center bottom;   background-size: 100%;height: 2.5rem;animation:run 1.5s steps(1, start) infinite;-webkit-animation:run 1.5s steps(1, start) infinite;}
@keyframes run{
0%{background-image:url(../img/zan/1.png);}
4%{background-image:url(../img/zan/2.png);}
8%{background-image:url(../img/zan/3.png);}
12%{background-image:url(../img/zan/4.png);}
16%{background-image:url(../img/zan/5.png);}
20%{background-image:url(../img/zan/6.png);}
24%{background-image:url(../img/zan/7.png);}
28%{background-image:url(../img/zan/8.png);}
32%{background-image:url(../img/zan/9.png);}
36%{background-image:url(../img/zan/10.png);}
40%{background-image:url(../img/zan/11.png);}
44%{background-image:url(../img/zan/12.png);}
48%{background-image:url(../img/zan/13.png);}
52%{background-image:url(../img/zan/14.png);}
56%{background-image:url(../img/zan/15.png);}
60%{background-image:url(../img/zan/16.png);}
64%{background-image:url(../img/zan/17.png);}
68%{background-image:url(../img/zan/18.png);}
72%{background-image:url(../img/zan/19.png);}
76%{background-image:url(../img/zan/20.png);}
80%{background-image:url(../img/zan/21.png);}
84%{background-image:url(../img/zan/22.png);}
88%{background-image:url(../img/zan/23.png);}
92%{background-image:url(../img/zan/24.png);}
96%{background-image:url(../img/zan/24.png);}
100%{background-image:url(../img/zan/1.png);}}
@-webkit-keyframes run{
0%{background-image:url(../img/zan/1.png);}
4%{background-image:url(../img/zan/2.png);}
8%{background-image:url(../img/zan/3.png);}
12%{background-image:url(../img/zan/4.png);}
16%{background-image:url(../img/zan/5.png);}
20%{background-image:url(../img/zan/6.png);}
24%{background-image:url(../img/zan/7.png);}
28%{background-image:url(../img/zan/8.png);}
32%{background-image:url(../img/zan/9.png);}
36%{background-image:url(../img/zan/10.png);}
40%{background-image:url(../img/zan/11.png);}
44%{background-image:url(../img/zan/12.png);}
48%{background-image:url(../img/zan/13.png);}
52%{background-image:url(../img/zan/14.png);}
56%{background-image:url(../img/zan/15.png);}
60%{background-image:url(../img/zan/16.png);}
64%{background-image:url(../img/zan/17.png);}
68%{background-image:url(../img/zan/18.png);}
72%{background-image:url(../img/zan/19.png);}
76%{background-image:url(../img/zan/20.png);}
80%{background-image:url(../img/zan/21.png);}
84%{background-image:url(../img/zan/22.png);}
88%{background-image:url(../img/zan/23.png);}
92%{background-image:url(../img/zan/24.png);}
96%{background-image:url(../img/zan/24.png);}
100%{background-image:url(../img/zan/1.png);}}


@-webkit-keyframes top{
	0% {bottom: 25px;}
  50% {bottom: 10px;}
  100% {bottom: 25px;}
}
@keyframes top{
	0% {bottom: 25px;}
  50% {bottom: 10px;}
  100% {bottom: 25px;}
}