.mp *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin:0;padding:0;font-family:"Microsoft YaHei",serif}.mp img{border:none}.mp input{outline:none}.mp a{text-decoration:none;display:inline-block;color:#fff}.mp p{color:#fff}.mp ul{list-style-type:none}.mp button{border:none;outline:none;cursor:pointer;background-color:transparent}.mp{width:599px;height:120px;position:fixed;bottom:20px;left:-574px;border-radius:0 5px 5px 0;background-color:#212121;-webkit-transition:left .5s;-moz-transition:left .5s;-o-transition:left .5s;transition:left .5s}.mp.mp-show{left:0}.mp.mp-show .mp-toggle-img{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.mp .mp-cover{width:100px;height:100px;position:absolute;top:10px;left:10px}.mp .mp-info{position:absolute;left:120px;top:15px;font-size:14px;line-height:1.8}.mp .mp-lrc-box{padding:10px;position:absolute;top:0;left:600px;background-color:#212121;border-radius:0 5px 5px 0;overflow:hidden;opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.mp .mp-lrc-box.mp-lrc-show{opacity:1}.mp .mp-lrc-box.mp-lrc-show~.mp-lrc-close{opacity:1}.mp .mp-lrc{width:200px;height:100px;font-size:12px;overflow:hidden;color:#fff;text-align:center;line-height:2}.mp .mp-lrc-current{color:#d32f2f}.mp .mp-lrc-close{width:7px;height:7px;background:url("../img/mplayer_bg.png") no-repeat 0 -56px;position:absolute;top:7px;right:-215px;opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.mp .mp-lrc-close:hover{background-position-x:-7px}.mp .mp-menu{position:absolute;left:510px;top:10px}.mp .mp-list-toggle{width:21px;height:14px;background:url("../img/mplayer_bg.png") no-repeat -29px -90px;float:left}.mp .mp-list-toggle:hover{background-position-x:-50px}.mp .mp-lrc-toggle{width:14px;height:14px;background:url("../img/mplayer_bg.png") no-repeat -29px -56px;float:left;margin-left:15px}.mp .mp-lrc-toggle:hover{background-position-y:-70px}.mp .mp-pro{width:440px;height:5px;border:1px solid #d32f2f;position:absolute;bottom:15px;left:120px;cursor:pointer}.mp .mp-pro-current{width:0;height:100%;background-color:#d32f2f}.mp .mp-btn{position:absolute;top:36px;left:230px;height:45px}.mp .mp-prev,.mp .mp-next{width:24px;height:28px;background:url("../img/mplayer_bg.png") no-repeat;float:left;margin-top:8.5px}.mp .mp-prev:hover,.mp .mp-next:hover{background-position-y:-28px}.mp .mp-prev{background-position:0 0;margin-right:30px}.mp .mp-next{background-position:-24px 0;margin-right:20px}.mp .mp-pause{width:38px;height:45px;margin-right:30px;float:left;background:url("../img/mplayer_bg.png") no-repeat -86px 0}.mp .mp-pause:hover{background-position-y:-45px}.mp .mp-play{background-position:-48px 0}.mp .mp-mode{width:26px;height:21px;background:url("../img/mplayer_bg.png") no-repeat 0 -105px;margin-right:20px;float:left;margin-top:12px}.mp .mp-mode:hover{background-position-y:-126px}.mp .mp-mode-0{background-position-x:0}.mp .mp-mode-1{background-position-x:-26px}.mp .mp-mode-2{background-position-x:-52px}.mp .mp-mode-3{background-position-x:-78px}.mp .mp-vol{display:inline-block;float:left}.mp .mp-vol-img{width:29px;height:21px;background:url("../img/mplayer_bg.png") no-repeat 0 -63px;margin-top:12px;float:left}.mp .mp-vol-img:hover{background-position-y:-84px}.mp .mp-mute{background-position:-120px -126px}.mp .mp-mute:hover{background-position:-149px -126px}.mp .mp-vol-range{width:70px;height:5px;background:#fff;display:inline-block;float:left;position:relative;margin:20px 0 0 8px}.mp .mp-vol-current{width:0;height:100%;background:#d32f2f}.mp .mp-vol-circle{width:9px;height:9px;position:absolute;top:-2px;border-radius:5px;background:#d32f2f;cursor:pointer}.mp .mp-vol-circle:hover{background-color:#f44336}.mp .mp-vol-circle.mp-disabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.mp .mp-vol-circle.mp-disabled:hover{background-color:#d32f2f}.mp .mp-toggle{position:absolute;right:0;top:0;height:120px;width:25px;background:url("../img/mplayer_bg.png") no-repeat -124px 0}.mp .mp-toggle:hover{background-position-x:-149px}.mp .mp-toggle-img{width:12px;height:21px;display:inline-block;background:url("../img/mplayer_bg.png") no-repeat -104px -126px;position:absolute;top:50px;left:6px;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-o-transition:-o-transform .5s;transition:transform .5s}.mp .mp-list-box{position:absolute;bottom:120px;left:0;width:574px;height:0;overflow:hidden;background-color:#212121;-webkit-transition:height .5s;-moz-transition:height .5s;-o-transition:height .5s;transition:height .5s}.mp .mp-list-box.mp-list-show{height:400px}.mp .mp-list-title{height:40px;font-size:18px;color:#fff;line-height:40px;width:100%;background:#212121}.mp .mp-list-title li{float:left;padding:0 20px;cursor:pointer}.mp .mp-list-title-current{background:#727272;position:relative}.mp .mp-list-title-current:before{content:"";position:absolute;top:40px;left:50%;width:0;height:0;border:6px dashed transparent;border-top:6px solid #727272;margin-left:-6px}.mp .mp-list-table{max-height:340px;width:100%;border-collapse:collapse;border:none;margin:10px 0;overflow:auto}.mp .mp-list-table th{font-weight:normal;text-align:left}.mp .mp-list-table th,.mp .mp-list-table td{text-indent:10px}.mp .mp-list-table tr{height:20px;font-size:14px;color:#fff;line-height:2;padding:0 10px}.mp .mp-list-table tbody tr{cursor:pointer}.mp .mp-list-table tbody tr.mp-list-current,.mp .mp-list-table tbody tr:hover{background:#727272}