@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;}
.logo_title a{font-size:20px;color:#fff;}
.nav{float:left;line-height:60px;}
.nav dt,.nav dd{padding:0 30px;float:left;}
.nav dt{position:relative;}
.nav a{color:#fff;}
.nav_list{float:right;height:60px;margin:0 auto;display:flex;align-items:center;}
.nav_list ul{height:30px;line-height:30px;}
.nav_list ul li{text-align:center;padding:0 20px;border-right:1px solid #D8D8D8;float:left;}
.nav_list li:last-child{border-right:0;}
.nav_list li a,.nav_list li a:hover{color:#fff;}

/*头部结束*/

/*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 .img1{width:510px;height:260px;}
.box1_left .img2{margin-top:20px;width:510px;height:110px;}
.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 .hot_item{
    float: left;
}
.hotmusic .hot_item a{
    font-size: 16px;
    color: #4a4a4a;
}
.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("../images/no1.png") no-repeat;}
.hotmusic li:nth-child(2) div:before{background:url("../images/no2.png") no-repeat;}
.hotmusic li:nth-child(3) div:before{background:url("../images/no3.png") no-repeat;}
.hotmusic li:nth-child(4) div:before{background:url("../images/no4.png") no-repeat;}
.hotmusic li:nth-child(5) div:before{background:url("../images/no5.png") no-repeat;}
.hotmusic span{float:right;color:#9b9b9b;line-height:20px;margin-top:25px;}
.hotmusic span em{font-size:20px;color:#e85252;font-weight:bold;}
.new_music{width:164px;float:left;margin-top:10px;margin-right:45px;}
.new_music:last-child{margin-right:0;}
.new_music .new_music_img{width:159px;height:159px;}
.new_music dt{width:164px;height:159px;position:relative;overflow:hidden;}
.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("../images/icon1.png.html") 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 span{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(odd){background:#f2f2f2;}
.box5_1 li:nth-child(1),.box5_1 li:nth-child(2),.box5_1 li:nth-child(3),.box5_1 li:nth-child(4),.box5_1 li:nth-child(5),.box5_1 li:nth-child(6),.box5_1 li:nth-child(7){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("../images/video.png.html") 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%;border-top:3px solid #b10100;}
.footer p{text-align:center;background:#363636;color:#999;}
.footer .p2{padding-top:15px;}
.footer .p5{padding-bottom:15px;}

/**/
.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("../images/cp1.png.html") 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("../images/icon2.png.html") no-repeat;}*/
.name_logo1{width:256px;}
.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_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;}
/*共用*/
.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;}

/*收费MV*/
.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)}
.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;}

/*音乐人*/

.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("../images/ian_bg.png.html") 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("../images/cp2.png.html") 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);}
}