|
|
@@ -139,78 +139,80 @@ table{
|
|
|
}
|
|
|
/*#region音频插件*/
|
|
|
.ListenDiv{
|
|
|
- height:36pt;
|
|
|
+ height:48px;
|
|
|
background-color:rgba(10,169,251,1);
|
|
|
}
|
|
|
.ListenDiv[data-status='1']{
|
|
|
- height:60pt;
|
|
|
+ height:80px;
|
|
|
background-color:rgba(10,169,251,1);
|
|
|
}
|
|
|
.ListenDiv .LDivTop{
|
|
|
- width:calc(100% - 20pt);
|
|
|
- height:22pt;
|
|
|
- border-bottom:1pt solid rgba(255,255,255,0.6);
|
|
|
+ width:calc(100% - 20px);
|
|
|
+ height:29px;
|
|
|
+ border-bottom:1px solid rgba(255,255,255,0.6);
|
|
|
margin:0 auto;
|
|
|
+ overflow:hidden;
|
|
|
}
|
|
|
.LDivTop .LDivTItem{
|
|
|
- width:50pt;
|
|
|
- height:20pt;
|
|
|
+ width:66px;
|
|
|
+ height:26px;
|
|
|
float:left;
|
|
|
color:rgba(255,255,255,0.6);
|
|
|
- font-size:10pt;
|
|
|
+ font-size:13.33px;
|
|
|
text-align:center;
|
|
|
- line-height: 20pt;
|
|
|
+ line-height: 26px;
|
|
|
}
|
|
|
.LDivTItem[data-selected='1']{
|
|
|
color:rgba(255,255,255,1);
|
|
|
- border-bottom:2pt solid #fff;
|
|
|
+ border-bottom:2px solid #fff;
|
|
|
}
|
|
|
.ListenDiv .LDivFooter{
|
|
|
- width:calc(100% - 20pt);
|
|
|
- height:19pt;
|
|
|
+ width:calc(100% - 20px);
|
|
|
+ height:47px;
|
|
|
margin:0 auto;
|
|
|
+ overflow:hidden;
|
|
|
}
|
|
|
.LDivFooter .LDFPlayS {
|
|
|
- width:24pt;
|
|
|
- height:24pt;
|
|
|
+ width:32px;
|
|
|
+ height:32px;
|
|
|
float:left;
|
|
|
background-image: url('../Images/Listen/播放1@2x.png');
|
|
|
background-repeat:no-repeat;
|
|
|
- margin-top: 6pt;
|
|
|
+ margin-top: 8px;
|
|
|
background-size: 100%;
|
|
|
}
|
|
|
.LDFPlayS[data-playstatus='1'] {
|
|
|
background-image: url('../Images/Listen/暂停1@2x.png');
|
|
|
}
|
|
|
.LDivFooter .LDFPauseS {
|
|
|
- width:18pt;
|
|
|
- height:18pt;
|
|
|
+ width:24px;
|
|
|
+ height:24px;
|
|
|
float:left;
|
|
|
background-image: url('../Images/Listen/停止@2x.png');
|
|
|
background-repeat: no-repeat;
|
|
|
- margin-top: 9pt;
|
|
|
+ margin-top: 12px;
|
|
|
background-size: 100%;
|
|
|
- margin-left:10pt;
|
|
|
+ margin-left:10px;
|
|
|
}
|
|
|
.LDFPWhite{
|
|
|
- width:0pt;
|
|
|
- height: 2pt;
|
|
|
+ width:0px;
|
|
|
+ height: 2px;
|
|
|
position:relative;
|
|
|
left: 0px;
|
|
|
top: 0px;
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
.LDivFooter .LDFProcS {
|
|
|
- width:calc(100% - 135pt);
|
|
|
- height:2pt;
|
|
|
+ width:calc(100% - 180px);
|
|
|
+ height:2px;
|
|
|
float:left;
|
|
|
background-color:rgba(6,142,216,1);
|
|
|
- margin-left: 12pt;
|
|
|
- margin-top: 17pt;
|
|
|
+ margin-left: 12px;
|
|
|
+ margin-top: 23px;
|
|
|
}
|
|
|
.LDFProcS .LDFProcImg {
|
|
|
- width:8pt;
|
|
|
- height:8pt;
|
|
|
+ width:10px;
|
|
|
+ height:10px;
|
|
|
position:relative;
|
|
|
left:0px;
|
|
|
top:-6px;
|
|
|
@@ -218,10 +220,14 @@ table{
|
|
|
background-size: 100%;
|
|
|
}
|
|
|
.LDivFooter .LDFTimerS{
|
|
|
+ width: 100px;
|
|
|
float:right;
|
|
|
margin-top:14px;
|
|
|
+ text-align: right;
|
|
|
+ overflow:hidden;
|
|
|
}
|
|
|
.LDFTimerS span{
|
|
|
color:rgba(255,255,255,0.6);
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
/*#endregion音频插件*/
|
