@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote{margin:0;padding:0; font-size: 100%; font-weight: normal;}
ol, ul, li{list-style: none outside none;}
a,a:active,a:hover,a:focus {text-decoration: none;outline:none; color: #999;}
html,body {height: 100%;-webkit-touch-callout:none;}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:"黑体"}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
button{cursor:pointer;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
img{ border: 0; vertical-align:middle;}
span,b,i,em{ display:inline-block; font-style:normal}
body {background: #fff;width: 100%;min-height: 100%;text-align: left; font-size: 14px; font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}


/*头部*/
.header{width: 100%; height: 60px; background: #e85252; color: #fff;}
.logo_nav{width: 1000px; margin: 0 auto;}
.logo{width: 112px; height:33px; float: left; padding-right: 35px; border-right: 1px solid #fe8585; margin: 13px 10px 0 0;}
.nav{float: left; line-height: 60px;  }
.nav dt, .nav dd{padding: 0 30px; float: left;}
.nav dt{position: relative;}
.nav dt span{position: absolute; bottom: 0; width: 10px; height: 8px; background: url(../img/nav.png) no-repeat; left: 50%; margin-left: -5px;}
.nav a{color: #fff;}
.submit{width: 100px; height: 34px; border: 1px solid #fff; border-radius: 4px; color: #fff; background: none; font-size: 16px; margin-top: 12px; float: right;}
.nav_list{width: 1000px; height: 60px; margin: 0 auto;}
.nav_list ul{padding-left: 158px;}
.nav_list li{text-align: center; line-height: 25px; height: 25px; padding: 0 20px; border-right: 1px solid #D8D8D8; float: left; margin-top: 17px;}
.nav_list li:last-child{border-right: 0;}
.nav_list .on a, .nav_list li a:hover{color: #E85252;}
.nav .search{position:relative; padding: 5px 15px 5px 15px;}
.search input {}
.ui-autocomplete-category {font-weight: bold;padding: .2em .4em;margin: .8em 0 .2em;line-height: 100%;color:#E85252;}
.ui-draggable, .ui-droppable {background-position: top;}
  
/*轮播banner*/
.banner{width: 100%; height: 400px;}
.swiper-container{width: 1000px;height: 400px; margin: 0 auto; background: #fff;}
.swiper-pagination-bullet{width: 8px; height: 8px;background: #A2A2A2; opacity: 1}
.swiper-pagination-bullet-active{background: #fff;}

#solid{width:100%;height:401px;clear:both;position:relative;}
#solid .solid0{position:absolute;left:0px;top:0px;width:100%;height:398px;}
#solid ul{margin:0px;padding:0px;list-style:none;}
#solid ul li{position:absolute;left:50%;top:0px;width:1000px;height:401px;	margin-left:-500px;display:none;cursor:pointer;}
#solid #btt{width:1000px;height:55px;top:345px;left:50%;position:relative;margin-left:-500px;text-align: center;}
#solid #btt span{display: inline-block;width:10px;height:10px;margin:0 10px;	border-radius: 50%;text-align:center;
    background:#fff;z-index:1000;	cursor:pointer;filter:alpha(opacity=70);	-moz-opacity:0.7;opacity:0.7;}


/*main内容*/
.main{width: 1000px; margin: 0 auto; padding-bottom: 50px; overflow: hidden;}
.box1, .box2, .box3, .box4, .box5, .box6, .contactus{width: 100%; float: left; margin-top: 36px;}
.box1_left{width: 510px; float: left;}
.box1_left .img2{margin-top: 20px;}
.box1_right{width: 458px; float: right;}
.titleh3{width: 100%; height:16px; font-size: 16px; color: #E85252; padding: 0 0 9px 0; }
.titleh3 a{float: right; font-size: 14px; color: #9b9b9b;}
.titleh3 a:hover{color: #E85252;}
.box1_right .titleh3{border-bottom: 1px solid #D8D8D8;}
.hotmusic{width: 100%; float: left;}
.hotmusic li{width: 100%; height: 72px; border-bottom: 1px solid #D8D8D8;}
.hotmusic div:before{content: ""; width:34px; height: 16px;float: left; margin-top: 27px; margin-right: 20px;}
.hotmusic li:nth-child(1) div:before{background: url(../img/no1.png) no-repeat;}
.hotmusic li:nth-child(2) div:before{background: url(../img/no2.png) no-repeat;}
.hotmusic li:nth-child(3) div:before{background: url(../img/no3.png) no-repeat;}
.hotmusic li:nth-child(4) div:before{background: url(../img/no4.png) no-repeat;}
.hotmusic li:nth-child(5) div:before{background: url(../img/no5.png) no-repeat;}
.hotmusic dl{float: left; width: 300px;}
.hotmusic dt{
	font-size: 16px; 
	color: #4a4a4a;
	 margin-top: 15px;   
    width: 300px;
    line-height: 23px;
    height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.hotmusic dd{color: #9b9b9b;}
.hotmusic dt a{font-size: 16px; color: #4a4a4a;}
.hotmusic dd a{color: #9b9b9b;}

.hotmusic span{float: right; color: #9b9b9b; line-height: 20px; margin-top: 25px;}
.hotmusic span em{font-size: 20px; color: #e85252; font-weight: bold;}
.recom{width: 256px; float: left; border-bottom: 1px solid #D8D8D8; padding-bottom: 15px; margin-right: 116px;margin-top:6px}
.recom:last-child{margin-right: 0;}
.recom dt{width: 100%; float: left; height: 86px; margin-bottom: 10px;}
.recom dt div{width: 70px; height: 70px; border-radius: 50%; float: left; margin-right: 20px;overflow:hidden;}
.recom dt img{width: 100%;}
.recom dt span{width: 166px; float: left; font-size: 16px; color: #4a4a4a; margin-top: 16px; line-height: 16px;}
.recom dt em{color: #9b9b9b; margin-top: 10px; line-height: 14px;}
.recom dd{width: 100%; color: #9b9b9b; line-height: 30px; padding: 15px 0; height:106px; overflow: hidden;border-top: 1px solid #D8D8D8;}
.recom dd a{width: 100%; color: #9b9b9b; line-height: 30px; height:100px; overflow: hidden;}
.new_music{width: 164px; float: left; margin-top: 10px; margin-right: 45px;}
.new_music:last-child{margin-right: 0;}
.new_music dt{width: 164px; height: 159px; position: relative;overflow: hidden;}
/*.new_music dt:after{content:'';width: 81px; height: 81px; position: absolute; left:50%; margin-left: -40px; top: 50%; margin-top: -40px; background: url(../img/icon2.png) no-repeat;}*/
.new_music_title{width: 100%; font-size: 16px; color: #4a4a4a; line-height: 16px; margin-top: 10px; height: 16px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.new_music_name{color: #9b9b9b;line-height: 20px;height: 20px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.new_music_title a{width: 100%; font-size: 16px; color: #4a4a4a; line-height: 16px; height: 16px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.new_music_name a{color: #9b9b9b;}
.box4 .new_music dt:before, .record_box .pay_rmb dt:before{content:'';width: 63px; height:63px; position: absolute; left: 0; top: 0;background: url(../img/icon1.png) no-repeat; z-index: 999;}
.box5_1{width: 300px; float: left; margin-right: 50px;}
.box5_1:last-child{margin-right: 0;}
.box5_1 h3{width: 100%; height: 50px; float: left; color: #fff; font-size: 16px; line-height: 50px; text-indent: 10px;}
.box5_1 h3 a{float: right; margin:0 16px;}
.box5_1:nth-child(1) h3{background: #ef4747;}
.box5_1:nth-child(2) h3{background: #fec516;}
.box5_1:nth-child(3) h3{background: #97cd13;}
.box5_1 li{width: 100%; float: left; background: #fff; height: 44px; line-height: 44px;}
.box5_1 li div:before{content: ''; width: 22px; height: 18px; float: left; margin-left: 15px; margin-top: 13px; margin-right: 6px;}
.box5_1 li:nth-child(1) div:before{background: url(../img/01.png) no-repeat;}
.box5_1 li:nth-child(2) div:before{background: url(../img/02.png) no-repeat;}
.box5_1 li:nth-child(3) div:before{background: url(../img/03.png) no-repeat;}
.box5_1 li:nth-child(4) div:before{background: url(../img/04.png) no-repeat;}
.box5_1 li:nth-child(5) div:before{background: url(../img/05.png) no-repeat;}
.box5_1 li:nth-child(6) div:before{background: url(../img/06.png) no-repeat;}
.box5_1 li:nth-child(7) div:before{background: url(../img/07.png) no-repeat;}
.box5_1 li:nth-child(8) div:before{background: url(../img/08.png) no-repeat;}
.box5_1 li:nth-child(9) div:before{background: url(../img/09.png) no-repeat;}
.box5_1 li:nth-child(odd){background: #f2f2f2;}
.box5_1 li:nth-child(1), .box5_1 li:nth-child(2), .box5_1 li:nth-child(3){height: 48px; padding: 8px 0;}
.box5_1 li img{float: left; margin-right: 10px;}
.box5_1 li span{font-size: 16px; color: #4a4a4a; width: 120px;height: 44px;line-height: 44px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.box5_1 li em{font-size: 14px; color: #9b9b9b; float: right; margin-right: 20px; width: 58px;height: 44px;line-height: 44px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}



.box6_mv,.box6_mv1{width: 442px;float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 15px;}
.box6_mv1{width: 475px; margin-right: 50px;}
.box6 ul:nth-child(2n){margin-right: 0;}
.box6 .box6_mv1:nth-child(2n){margin-right: 0;}
.mv_img{width: 442px; height: 267px; position: relative;}
/* .mv_img a:after{content: ''; width: 42px; height: 31px; position: absolute; background: url(../img/video.png) no-repeat; left: 50%; top: 50%; margin-top: -15px; margin-left: -21px;} */
.mv_title{width: 100%; line-height: 16px; margin-top: 10px; font-size: 16px; color: #4a4a4a;}
.mv_name{width: 100%; float: left; font-size: 14px; color: #9b9b9b;line-height: 20px;}
.bg_mv1205 {display:none;}
.box6_mv .mv_img:hover .bg_mv1205{display:block;position: absolute; background: rgba(0,0,0,0.6); top: 0; left: 0; width: 100%; height: 100%;text-align: center; }
.box6_mv .mv_img:hover .bg_mv1205 img{position: absolute; left:50%;top: 50%; margin-top: -15px; margin-left: -20px;}
.box6_mv1 .mv_img:hover .bg_mv1205{display:block;position: absolute; background: rgba(0,0,0,0.6); top: 0; left: 0; width: 100%; height: 100%;text-align: center; }
.box6_mv1 .mv_img:hover .bg_mv1205 img{position: absolute; left:50%;top: 50%; margin-top: -15px; margin-left: -20px;}


/*footer*/
.footer{width: 100%; height: 198px; background: #130f0f; border-top: 3px solid #b10100;}
.footer p{text-align: center; color: #999;}
.footer .p1{line-height: 32px; margin-top: 30px;}
.footer .p1 span{margin: 0 20px;}
.footer .p1 img{ margin:  20px;}
.footer .p2{margin-top: 15px;}



/*MV列表*/
.bg_box{width: 100%; background: #f6f6f6;}
.seemore{width: 100%; float: left; text-align: center; margin-top: 20px;}
.seemore a{width: 100%; color: #e85252;}

/*唱片列表*/
.record_list{width: 100%; float: left; padding: 10px 0;}
.record_lable{width: 100%; margin: 10px 0;}
.record_lable dl{width: 100%; float: left;}
.record_lable dt{width: 50px; float: left; line-height: 44px; color: #9b9b9b; font-size: 16px;}
.record_lable dd{float: left; padding: 0 20px; font-size: 15px; line-height: 44px;}
.record_lable .on a, .record_lable a:hover{color: #E85252;}
.record_box .new_music{margin-top: 20px; margin-bottom: 20px;}
.record_box .new_music:nth-child(5n){margin-right: 0;}

/**/
.record_data{width: 100%; min-height: 700px; background: #fff; margin-top: 20px; float: left;}
.record_data_left{width: 293px; float: left;}
.record_data_left h3{width: 100%; height: 56px; line-height: 56px; color: #E85252; font-size: 20px; text-align: center;}
.record_data_left dl{width: 253px; padding: 0 20px;}
.record_data_left dd{font-size: 14px; color: #9b9b9b; margin-top: 23px; line-height: 24px;}
.record_data_left dd:first-child{margin-top: 0;}
.record_data_left dt{font-size: 14px; color: #9b9b9b;}
.record_data_left dt a:hover{color: #E85252;}
.downimg{width: 214px; margin-left: 40px; margin-top: 50px;}
.downimg li{margin-bottom: 15px;}
.record_data_right{width: 656px; float: left; border-left: 1px solid #D8D8D8; min-height: 700px; padding: 30px 20px 20px 30px;}
.name_logo, .name_logo1{width: 315px; height: 256px; float: left; position: relative;}
.name_logo:after{content:'';width: 64px; height: 239px; position: absolute; right: -5px; top: 50%; margin-top: -120px; background: url(../img/cp1.png) no-repeat;}
/*.name_logo1 a:after{content:'';width: 81px; height: 81px; position: absolute; left:50%; margin-left: -40px; top: 50%; margin-top: -40px; background: url(../img/icon2.png) no-repeat;}*/
.name_logo1 {width: 256px;}


.record_data_right dd{width: 315px; float: right; margin-bottom: 20px; color: #4a4a4a;}
.album_name{font-size: 28px; color: #4a4a4a; font-weight: bold; line-height: 28px;height: 56px;overflow: hidden;}
.album_num, .album_time{line-height: 16px; color: #4a4a4a; font-size: 16px;}
.album_ren{line-height: 44px; font-size: 16px;}
.album_ren img{width: 44px; height: 44px; border-radius: 50%; float: left; margin-right: 10px;}
.album_all{text-align: right;}
.album_all button{width: 110px; height: 44px; border: 1px solid #e85252; border-radius: 4px; color: #e85252; font-size: 16px; background: none;}
.album_music{width: 100%; float: left; margin-top: 10px; font-size: 16px; color: #4a4a4a;}
.album_music ul{width:100%; float: left; height: 60px; border-bottom: 1px solid #D8D8D8;}
.album_music li{line-height: 60px;height:60px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.album_music li a{color: #4a4a4a;}
.album_music li a:hover{color: #E85252;}
.album_music .ul1 li{color: #9b9b9b;}
.album_music li:nth-child(1){width: 280px; float: left;}
.album_music li:nth-child(2){width: 188px; float: left; text-align: center;}
.album_music li:nth-child(3){width: 188px; float: left; text-align: center;}
.record_rmb .name_logo:before{content:'';width: 80px; height: 83px; position: absolute; top: 0; left: 0; background: url(../img/icon3.png) no-repeat;}
.musician_rmb:before{content:'';width: 80px; height: 83px; position: absolute; top: 0; left: 0; background: url(../img/icon3.png) no-repeat;}
.record_rmb  .album_music li, .record_rmb .album_music li a{color: #9b9b9b;}

/*共用*/
.martop20{margin-top: 20px;}
.martop30{margin-top: 30px;}
.fixed{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.35);display:none;}
#record_rmb{width: 522px; height: 393px; position: absolute; top: 0; left: 0; right: 0; bottom:0; margin: auto; background: #fff;}
#record_rmb h3{width: 100%; line-height: 50px; height: 50px; border-bottom: 1px solid #D8D8D8; text-align: center; font-size: 16px; color: #4a4a4a;}
#record_rmb h3 a{float: right; width: 21px; height: 21px; background: url(../img/tan1.png) no-repeat; margin-right: 20px; margin-top: 15px; cursor: pointer;}
#record_rmb dt{width: 370px; margin: 36px auto; font-size: 16px; color: #4a4a4a; line-height: 20px; overflow: hidden;}
#record_rmb dt img{float: left; margin-right: 10px;}
#record_rmb dt span{margin-top: 5px; float: left;}
#record_rmb dd{width: 100%; text-align: center;}

/*收费MV*/
.MV_rmb{width: 100%; float: left; margin-top: 20px;}
.MV_rmb h3{width: 100%; line-height: 34px;position:absolute;max-width:1000px;}
.MV_rmb h3 a{font-size: 20px; color: #4a4a4a;}
.MV_rmb h3 span{color: #9b9b9b; font-size: 14px; margin-left: 20px;}
.MV_rmb h3 em{float: right; color: #9b9b9b; font-size: 14px;}
.MV_rmb .rmb_box{width: 100%; height: 560px; background: #000; text-align: center; line-height: 560px;}

.jp-video-full .title_h3{position:fixed; background:rgba(0,0,0,0.5); width:96%; padding: 5px 2%;top:0;}
.jp-video-full .title_h3 a{color:#d8d8d8;}
.mv_box{width: 1000px; height: 560px; position: relative;}
.mv_box .ingdex9{position: absolute;}
.zhezhao{width: 100%; height: 100%; position: absolute; text-align: center; line-height: 560px; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,0.35)}
.operation{width: 100%; position: absolute; bottom: 0; left: 0; height: 93px; background: rgba(0,0,0,0.5); z-index: 10;}
.operation .tion_box{height: 35px; margin-top: 29px;}
.tion_box1{width: 8%; float: left; text-align: center;}
.tion_box1 img{cursor: pointer;}
.tion_box2{width: 66%; float: left;}
.tion_box3{width: 18%; float: left;}
.tion_box4{width: 8%; float: left; text-align: center;}
.tion_box4 img{margin-top: 8px; cursor: pointer;}
.tion_box2 span{width: 8%; float: left; text-align: center; color: #9b9b9b; font-size: 14px; line-height: 35px;}
.tion_box2 span.right{float: right;}
.time_jindu{width: 80%; margin: 0 2%; float: left; position: relative;}
.time_line{width: 100%; height: 18px;margin-top: 8px; cursor: pointer; position: absolute; z-index: 9}
.time_line a{width: 100%; height: 2px;  background: #9b9b9b; float: left; margin-top: 8px;}
.time_hong{height: 2px; background: #E85252; margin-top: 8px; position: absolute; z-index: 10}
.time_dian{width: 12px; height: 12px; background: #fff; border-radius: 50%; margin-top: 11px; position: absolute; z-index:11}

.time_jindu_v{width: 80%; margin: 0 2%; float: left; position: relative;}
.time_line_v{width: 100%; height: 18px;margin-top: 8px; cursor: pointer; position: absolute; z-index: 9}
.time_line_v a{width: 100%; height: 2px;  background: #9b9b9b; float: left; margin-top: 8px;}
.time_hong_v{height: 2px; background: #E85252; margin-top: 8px; position: absolute; z-index: 10}
.time_dian_v{width: 12px; height: 12px; background: #fff; border-radius: 50%; margin-top: 11px; position: absolute; z-index:11;cursor: pointer;}
.tion_box3 .time_jindu_v{width: 58%;}
.tion_box3 .time_hong_v{background: #fff;}
.tion_box3 span{width: 25%; float: left; text-align: center; margin-left: 5%;}
.tion_box3 span img{cursor: pointer; margin-top: 6px;}

/*音乐人*/
.musician, .musician_1{width:920px;float: left; margin-top: 20px; background: #fff; padding: 40px;}
.musician dt img{width: 160px; height: 160px; border-radius: 50%; float: left;}
.musician dd{width: 670px; float: left; margin-left: 20px;}
.ian_name{font-size: 32px; color: #4a4a4a; line-height: 32px; margin-top: 40px;}
.ian_1{color: #9b9b9b; font-size: 16px;line-height: 16px; margin-top: 10px;}

.ian_h3{width: 100%; float: left; font-size: 32px; color: #4a4a4a;}
.ian_h3 span{font-size: 16px; color: #9b9b9b;}
.ian_list1 .name_logo,.ian_list1 .name_logo1{margin-right: 76px; margin-top: 20px; margin-bottom: 30px;}
.ian_list1 .name_logo:nth-child(3n), .ian_list1 .name_logo1:nth-child(3n){margin-right: 0;}
.ian_list1 .name_logo span, .ian_list1 .name_logo1 span{width: 100%; font-size: 16px; color: #4a4a4a; line-height: 30px; height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ian_lists dl{width: 220px; height:360px; float: left; position: relative; margin-right: 40px; margin-top: 30px;}
.ian_lists dl:nth-child(4n){margin-right: 0;}
.ian_lists dd{width: 220px; height: 166px; margin-top: -51px; background: url(../img/ian_bg.png) no-repeat; position: absolute;}
.ian_lists dd span{width: 180px; margin: 80px 20px 0 20px; font-size: 16px; color: #4a4a4a;}
.ian_lists dd em{display: block; font-size: 14px; color: #9b9b9b; margin-top: 10px;}


/*音乐播放器*/
.music_bg{background-size: 100% 100%; background-position: center center;}
.fixedbg{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.7); z-index: 9}
.boxxx{position: relative; z-index: 10;}
.music_logo{margin: 40px 0 0 40px; float: left; position: absolute;}
.music_logo img{width:120px;}
.music_list{width: 100%; float: left;}
.music_list .ul1{border-top: none;}
.music_list .ul1 li{color: #9b9b9b; font-size: 16px; line-height: 36px;}
.music_list ul{width: 98%; float: left; border-top: 1px solid #4a4a4a;}
.music_list li{float: left; line-height: 60px; color: #fff; font-size: 16px;cursor: pointer;height:60px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.music_list li a{color: #fff; font-size: 16px}
.music_list .li1{width: 50%; text-indent: 30px;}
.music_list .li1 img{margin-right: 10px;}
.music_list .li2{width: 30%; font-size: 14px;}
.music_list .li3{width: 10%;}
.music_list .li4{width: 10%; text-align: center;}
.music_list .play_list_row .li4 img{ visibility: hidden;}
.music_list .play_list_row:hover .li4 img{ visibility: inherit;}

.lrc_list{width: 100%; float: left;}

.ul-title{width: 53%;float: left;position: fixed;top: 64px;z-index: 9999; margin-left:15%}
.ul-title li{float: left; line-height: 36px;font-size: 16px; color: #9b9b9b; font-size: 16px;cursor: pointer;height:36px;overflow:  hidden;text-overflow: ellipsis; white-space: nowrap;}
.ul-title .li1{width: 50%; text-indent: 60px;}
.ul-title .li1 img{margin-right: 10px;}
.ul-title .li2{width: 30%; font-size: 14px;text-indent: 10px;}
.ul-title .li3{width: 10%;}
.ul-title .li4{width: 10%; text-align: center;}


.music_right{width: 185px; position: fixed; top: 73px; left: 80%;}
.musicright_box1{position:relative}
.musicright_box1 em{margin-top:2.5px;width: 64px; height: 180px;float:left; position: absolute; right: -64px; top: 0; background: url(../img/cp2.png) no-repeat; background-size:100% 100%;}
.musicright_box2{width: 185px; color: #fff; margin-top: 16px; text-align: center; font-size: 18px;line-height: 44px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.musicright_box3{width: 185px; color: #9b9b9b; margin-top: 8px; text-align: center; font-size: 12px;}
.musicright_box4{width: 185px; margin-top: 20px;}
.musicright_box4 p{width: 185px; color: #9b9b9b; text-align: center; font-size: 12px; line-height: 12px; margin: 7px 0; float: left;}
.musicright_box4 p.on{color: #E85252;}

.music_controller .operation{width: 86%; margin: 0 7%; background: none; position: fixed; bottom:0;}
.music_controller .operation .tion_box1{width: 25%; text-align: center;}
.music_controller .operation .tion_box2{width: 54%;}
.music_controller .operation .tion_box4{width: 4%;}
.music_controller .operation .tion_box3{width: 17%;}
.music_controller .operation .tion_box1 div{margin: 0 11%;}
.prev, .next{width: 8%; float: left;}
.on_off{width: 15%; float: left;}
.on_off img{margin-top: -10px;}

.new_music dt:hover img{position: absolute; animation: myfirst .5s linear;}

@keyframes myfirst
{
    0%   {transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);}
    50%   {transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);}
    100% {transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);}
}

@-moz-keyframes myfirst /* Firefox */
{
     0%   {transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);}
    50%   {transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);}
    100% {transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    0%   {transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);}
    50%   {transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);}
    100% {transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);}
}

@-o-keyframes myfirst /* Opera */
{
     0%   {transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);}
    50%   {transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);}
    100% {transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);}
}