html, body, .U_MT_UI_Music_musicBox { width: 100%; height: 100%; margin: 0; } .U_MT_UI_Music_bodyClass { width: 100%; height: 100%; overflow: hidden; } .U_MT_UI_Music_musicBox { z-index: 999; background: #cc5b5b; position: fixed; top: 0; left: 0; font-size: 16px; box-sizing: border-box; overflow: hidden; text-align: center; } .U_MT_UI_Music_soundBox { width: 65%; height: 0.4em; position: relative; background: #fff; margin: 3em auto; left: 0.5em; max-width: 480px; } .U_MT_UI_Music_soundSwitch { position: absolute; left: -2em; top: -0.3em; background: url(/img/Controls/Audio/moblie/声音开启.png); background-size: 100%; width: 1.25em; height: 1.1875em; } .U_MT_UI_Music_soundBar { width: 50%; height: 100%; background: #a75959; } .U_MT_UI_Music_soundBall { width: 0.25em; height: 1.25em; position: absolute; left: 50%; top: -0.375em; background: #a75959; background-size: 100%; } .U_MT_UI_Music_Name { margin-top: 3.5em; color: #fff; font-size: 1.2em; text-align: center; font-family: Arial; letter-spacing: 0.05em; height: 1em; } .U_MT_UI_Music_CoverBox { margin: 6em auto; width: 6.4375em; height: 7.6875em; } .U_MT_UI_Music_CoverBox img { width: 100%; } .U_MT_UI_Music_closeBtn { width: 0.8125em; height: 0.8125em; position: absolute; background: url(/img/Controls/Audio/moblie/关闭.png); background-size: 100%; right: -2.2em; top: -1.8em; } .U_MT_UI_Music_buttonBox { position: relative; text-align: center; display: inline-block; margin: 0 auto; } .U_MT_UI_Music_leftBtn { background: url(/img/Controls/Audio/moblie/上一首.png); background-size: 100%; width: 1.25em; height: 1.4375em; display: inline-block; vertical-align: middle; } .U_MT_UI_Music_playBtnBox { width: 2.125em; height: 2.4375em; margin-left: 3.2em; display: inline-block; vertical-align: middle; position: relative; } .U_MT_UI_Music_pauseBtn { background: url(/img/Controls/Audio/moblie/暂停.png); background-size: 100%; width: 1.6875em; height: 2.4375em; } .U_MT_UI_Music_playBtn { background: url(/img/Controls/Audio/moblie/播放.png); background-size: 100%; width: 2.125em; height: 2.4375em; } .U_MT_UI_Music_rightBtn { background: url(/img/Controls/Audio/moblie/下一首.png); background-size: 100%; width: 1.25em; height: 1.4375em; margin-left: 3em; display: inline-block; vertical-align: middle; } .U_MT_UI_Music_listBtn { background: url(/img/Controls/Audio/moblie/列表.png); background-size: 100%; width: 1.3125em; height: 0.875em; margin-left: 2.5em; position: absolute; top: 0.8125em; right: -4em; } .U_MT_UI_Music_progressBox { position: relative; margin: 5em auto; width: 65%; height: 0.55em; background: #fff; left: 0.5em; border-radius: 15px; color: #fff; font-size: 0.8em; max-width: 480px; } .U_MT_UI_Music_currentTime { position: absolute; left: -3.4em; top: -0.4em; } .U_MT_UI_Music_endTime { position: absolute; right: -3.4em; top: -0.4em; } .U_MT_UI_Music_progressBar { width: 0; background: #a75959; height: 100%; } .U_MT_UI_Music_progressBall { width: 0.9em; height: 0.9em; background: #a75959; position: absolute; left: 0; top: -0.18em; border-radius: 100%; margin-left: -0.3em; } .U_MT_UI_Music_hidden { top: -9999px; left: -9999px; } @media screen and (min-width: 320px) { .U_MT_UI_Music_musicBox { font-size: 15px; } } @media screen and (min-width: 360px) { .U_MT_UI_Music_musicBox { font-size: 16px; } } @media screen and (min-width: 375px) { .U_MT_UI_Music_musicBox { font-size: 17px; } } @media screen and (min-width: 412px) { .U_MT_UI_Music_musicBox { font-size: 19px; } } @media screen and (min-width: 768px) { .U_MT_UI_Music_musicBox { font-size: 25px; } } @media screen and (min-width: 1024px) { .U_MT_UI_Music_musicBox { font-size: 35px; } } @media screen and (min-width: 1025px) { .U_MT_UI_Music_musicBox { font-size: 16px; } }