ul[data-v-5810a3de]{margin:0;padding:0}ul li[data-v-5810a3de]{list-style:none}.audioplay[data-v-5810a3de]{width:600px;height:120px;background-color:#333;position:fixed;top:0;right:0;z-index:8888;display:-webkit-box;display:-ms-flexbox;display:flex}.audioplay .audioplay-left[data-v-5810a3de]{width:120px;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:hsla(0,0%,100%,.06)}.audioplay .audioplay-left img[data-v-5810a3de]{width:66px;height:66px;cursor:pointer}.audioplay .audioplay-right[data-v-5810a3de]{padding:19px;-webkit-box-sizing:border-box;box-sizing:border-box;width:480px}.audioplay .audioplay-right .audioplay-right-one[data-v-5810a3de]{position:relative}.audioplay .audioplay-right .audioplay-right-one span[data-v-5810a3de]{font-size:14px;color:#fff}.audioplay .audioplay-right .audioplay-right-one i[data-v-5810a3de]{position:absolute;right:-10px;top:-10px;color:#999}.audioplay .audioplay-right .audioplay-right-one i[data-v-5810a3de]:hover{color:#fff;cursor:pointer}.audioplay .audioplay-right .audioplay-right-two[data-v-5810a3de] .ant-slider-handle{border:none!important;width:12px;height:12px;background-color:#fff}.audioplay .audioplay-right .audioplay-right-two[data-v-5810a3de] .ant-slider-track{background-color:#16affe!important}.audioplay .audioplay-right .audioplay-right-two[data-v-5810a3de] .ant-slider-step{height:5px!important}.audioplay .audioplay-right .audioplay-right-three[data-v-5810a3de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.audioplay .audioplay-right .audioplay-right-three .audioplay-right-three-time[data-v-5810a3de]{width:130px;margin-left:3px}.audioplay .audioplay-right .audioplay-right-three .audioplay-right-three-time span[data-v-5810a3de]{font-size:14px}.audioplay .audioplay-right .audioplay-right-three .audioplay-right-three-time .statrTime[data-v-5810a3de]{color:#fff}.audioplay .audioplay-right .audioplay-right-three .audioplay-right-three-time .sb[data-v-5810a3de]{color:#999;margin:0 3px}.audioplay .audioplay-right .audioplay-right-three .audioplay-right-three-time .endTimer[data-v-5810a3de]{color:#999}.audioplay .audioplay-right .audioplay-right-three .speedbox[data-v-5810a3de]{width:88px;height:144px;background-color:#333;border-radius:4px;position:absolute;right:60px;bottom:-168px}.audioplay .audioplay-right .audioplay-right-three .speedbox ul li[data-v-5810a3de]{color:#fff;height:36px;line-height:36px;font-size:14px;text-align:center;cursor:pointer}.audioplay .audioplay-right .audioplay-right-three .speedbox ul li[data-v-5810a3de]:hover{font-weight:700}.audioplay .audioplay-right .audioplay-right-three .volumebox[data-v-5810a3de]{width:88px;height:144px;background-color:#333;position:absolute;right:-10px;bottom:-168px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.audioplay .audioplay-right .audioplay-right-three .volumebox .volumenum[data-v-5810a3de]{color:#fff;font-size:14px;margin-top:11px}.audioplay .audioplay-right .audioplay-right-three .volumebox[data-v-5810a3de] .ant-slider-handle{border:none!important;width:12px;height:12px;background-color:#16affe}.audioplay .audioplay-right .audioplay-right-three .volumebox :v-deep .ant-slider-track[data-v-5810a3de]{background-color:#65cbff}.audioplay .audioplay-right .audioplay-right-three-btn[data-v-5810a3de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:180px}.audioplay .audioplay-right .audioplay-right-three-btn .audioplay-speed[data-v-5810a3de]{width:48px;height:26px;border-radius:13px;border:1px solid #999;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;margin-right:20px;cursor:pointer;-webkit-transition:.3s;transition:.3s}.audioplay .audioplay-right .audioplay-right-three-btn .audioplay-speed[data-v-5810a3de]:hover{border:1px solid #fff;color:#fff}.audioplay .audioplay-right .audioplay-right-three-btn .audioplay-volume[data-v-5810a3de]{cursor:pointer;width:48px;height:26px;border-radius:13px;border:1px solid #999;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999}.audioplay .audioplay-right .audioplay-right-three-btn .audioplay-volume img[data-v-5810a3de]{width:20px;height:20px}h3[data-v-5d9bbf4a]{margin:40px 0 0}ul[data-v-5d9bbf4a]{list-style-type:none;padding:0}li[data-v-5d9bbf4a]{display:inline-block;margin:0 10px}a[data-v-5d9bbf4a]{color:#42b983}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}