html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,form,p{margin:0;padding:0;}
body{background:#95dde4 url(../images/bg.jpg) center top repeat-x;font-family: Microsoft Yahei,Arial,tahoma,Helvetica,sans-serif;font-size:14px;}
img{vertical-align:top;border:0;}
ol,ul,li{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
li{list-style:none}
input{font-family:inherit;font-size:inherit;line-height:inherit}
input::-moz-focus-inner{padding:0;border:0}
.mt{margin-top:20px;}
.header{position:fixed;top:0;left:0;width:100%;height:60px;background:#0abaed;z-index:9999;}
.header .logo{float:left;height:40px;margin:10px 0;}
.header .logo img{float:left;height:100%;}
.header .fa-bars{display:none;}
.header .nav{float:left;margin:0 15px;}
.header .nav li{float:left;height:60px;line-height:60px;}
.header .nav li a{display:block;color:#fff;padding:0 15px;}
.header .nav li a:hover{background:#5ed8fb;}
.header .nav li .fa{margin-right:3px;}
.header .search{float:right;height:30px;background:#fff;border-radius:4px;overflow:hidden;margin:15px 0;}
.header .search .seh_v{float:left;width:150px;height:28px;font-size:12px;color:#666;border:0;outline:0;padding-left:8px;}
.header .search .seh_b{float:left;width:30px;height:30px;line-height:30px;background:#fff;border:0;outline:0;}
.header .search .fa{float:left;width:100%;height:30px;line-height:30px;font-size:18px;color:#3fa6fc;text-align:center;}
.main{float:left;width:calc(100% - 30px);padding:5px 15px;margin:80px 0 20px 0;background:#fff;border-radius:5px;}
.title{float:left;width:100%;height:30px;overflow:hidden;}
.title h1{float:left;height:30px;font-size:16px;line-height:30px;color:#333;text-indent:12px;position:relative;}
.title h1:after{content:"";display:inline-block;position:absolute;top:7px;left:0;width:5px;height:16px;border-radius:5px;background:#3fa6fc;}
.title .pagedata{float:right;height:30px;font-size:13px;line-height:30px;color:#666;}
.title .pagedata span{color:red;margin:0 3px;}
.ihot{float:left;margin:10px -10px;}
.yy_ihot{float:left;width:calc(25% - 20px);background:#fff;box-shadow:0 0 30px 0 rgba(65,67,70,.08);margin:10px;}
.yy_ihot h1{float:left;width:100%;height:50px;font-size:16px;line-height:50px;color:#333;text-align:center;position:relative;border-bottom:1px #f1f1f1 solid;}
.yy_ihot h1:after{content:"";display:inline-block;position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:3px;border-radius:2px;}
.yy_ihot:nth-of-type(1) h1:after{background:#d77b94;box-shadow:0 2px 4px 0 rgba(215,123,148,.4);}
.yy_ihot:nth-of-type(2) h1:after{background:#6c98b3;box-shadow:0 2px 4px 0 rgba(108,152,179,.4);}
.yy_ihot:nth-of-type(3) h1:after{background:#6cbdb4;box-shadow:0 2px 4px 0 rgba(108,189,180,.4);}
.yy_ihot:nth-of-type(4) h1:after{background:#b4bd6c;box-shadow:0 2px 4px 0 rgba(180,189,108,.4);}
.yy_ihot li{float:left;width:calc(100% - 20px);overflow:hidden;margin:10px 0;padding:0 10px;}
.yy_ihot li span{float:left;width:24px;height:24px;font-size:13px;font-weight:bold;line-height:24px;color:#333;text-align:center;border-radius:50%}
.yy_ihot li:nth-of-type(1) span{background:#d21313;color:#fff;}
.yy_ihot li:nth-of-type(2) span{background:#ff6428;color:#fff;}
.yy_ihot li:nth-of-type(3) span{background:#ff850b;color:#fff;}
.yy_ihot li .name{float:right;width:calc(100% - 34px);height:24px;line-height:24px;overflow:hidden;}
.play_list{float:left;width:100%;}
.play_list ul{margin-left:-10px;margin-right:-10px;}
.play_list li{float:left;width:calc(33.33% - 20px);background:#f6f6f6;margin:10px;}
.play_list li .pic{float:left;width:60px;height:60px;overflow:hidden;position:relative;}
.play_list li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.play_list li .pic a:hover img{transform:scale(1.1);}
.play_list li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.play_list li .pic a:hover .play{background:rgba(0,0,0,.5);}
.play_list li .pic .fa{position:absolute;width:30px;height:30px;font-size:30px;color:#fff;top:calc(50% - 15px);left:calc(50% - 15px);opacity:0;}
.play_list li .pic a:hover .fa{opacity:1;}
.play_list li .list_r{float:right;width:calc(100% - 80px);margin:5px 10px;}
.play_list li .list_so{float:left;width:calc(100% - 20px);margin:5px 10px;}
.play_list li .name{float:left;width:100%;height:28px;overflow:hidden;}
.play_list li .name a.url{float:left;display:inline-block;max-width:calc(100% - 32px);height:28px;line-height:28px;overflow:hidden;}
.play_list li .name a.mv{float:left;display:inline-block;width:22px;height:18px;font-size:12px;text-align:center;line-height:16px;background:#3fa6fc;color:#fff;border-radius:3px;margin:5px;}
.play_list li .name a:hover.mv{opacity:0.4;}
.play_list li p{float:left;width:100%;height:24px;line-height:24px;font-size:12px;color:#888;overflow:hidden;}
.play_list li .singer{color:#888;}
.play_list li .size{margin:0 10px}
.video_list{float:left;width:100%;}
.video_list ul{margin-left:-10px;margin-right:-10px;}
.video_list li{float:left;width:calc(20% - 20px);margin:10px;}
.video_list li .pic{float:left;width:100%;height:100%;overflow:hidden;position:relative}
.video_list li .pic img{float:left;width:100%;height:112px;transition:all 0.6s;}
.video_list li .pic a:hover img{transform:scale(1.1);}
.video_list li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.video_list li .pic a:hover .play{background:rgba(0,0,0,.5);}
.video_list li .pic .fa{position:absolute;font-size:30px;color:#fff;top:calc(50% - 10px);left:calc(50% - 10px);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;opacity:0;}
.video_list li .pic a:hover .fa{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg);opacity:1;}
.video_list li .name{float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:8px;}
.dplayer-menu{display:none!important}
.singer_list{float:left;width:100%;}
.singer_list ul{}
.singer_list li{float:left;width:calc(10% - 20px);position:relative;margin:10px;}
.singer_list li .pic{float:left;width:100%;overflow:hidden;position:relative}
.singer_list li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.singer_list li .pic a:hover img{transform:scale(1.1);}
.singer_list li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.singer_list li .pic a:hover .play{background:rgba(0,0,0,.5);}
.singer_list li .name{position:absolute;bottom:0;text-align:center;color:#fff;width:100%;height:24px;line-height:24px;font-size:12px;background:rgba(0,0,0,.5);overflow:hidden;}
.singer_list li .name a{color:#fff;}
.singer_info{float:left;width:calc(100% - 20px);padding:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}
.singer_info .pic{float:left;width:200px;height:100%;position:relative}
.singer_info .pic img{float:left;width:100%;height:100%}
.singer_info .pic span{position:absolute;left:0;display:inline-block;width:100%}
.singer_info .pic span.play{top:0;z-index:1;height:100%;background:url(../images/play_bg.png) 0 bottom repeat-x}
.singer_info .list_r{float:right;width:calc(100% - 220px);}
.singer_info h1{float:left;width:100%;height:30px;font-size:16px;line-height:30px;overflow:hidden;color:#333;}
.singer_info .info{float:left;width:100%;line-height:24px;font-size:13px;color:#666;}
.page{float:left;width:100%;line-height:24px;margin:15px 0;text-align:center}
.page a{display:inline-block;padding:0 5px;color:#666;margin:5px;border:1px #ccc solid}
.page a:hover,.page a.current{background:#1f7ecc;color:#fff;border:1px #1880d5 solid}
.container{width:1280px;margin:0 auto;}
.here{float:left;width:100%;line-height:24px;color:#666;margin:10px 0;}
.here a{color:#666;}
.class{float:left;width:100%;}
.class h1{float:left;width:80px;font-size:14px;color:#fff;line-height:24px;border-radius:4px;background:#3fa6fc;text-align:center;margin:8px 0;}
.class ul{float:left;width:calc(100% - 80px);}
.class li{float:left;width:calc(9.0909% - 16px);height:24px;line-height:24px;text-align:center;font-size:13px;overflow:hidden;margin:8px 0 8px 16px;}
.class li a{display:block;}
.player{float:left;width:100%;height:480px;background:#000;position:relative;margin-top:5px;}
#player{width:100%;height:100%;display:none;}
#loading,#error{float:left;width:100%;height:100%;background:#000}
#loading strong{float:left;width:100%;height:30px;color:#fff;font-size:12px;line-height:30px;margin-top:50px;text-align:center}
.play_left{float:left;width:calc(100% - 350px);}
.play_right{float:right;width:315px;padding-left:15px;border-left:1px #ececec dashed;}
.sm{float:left;width:80%;line-height:24px;color:#666;margin-top:10px;}
.sm span{color:red;font-weight:bold;}
.play_singer{float:left;width:100%;border-bottom:1px #ececec dashed;padding-bottom:10px;}
.play_singer .pic{float:left;width:60px;height:60px;border-radius:50%;overflow:hidden;position:relative}
.play_singer .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.play_singer .pic a:hover img{transform:scale(1.1);}
.play_singer .center{float:left;width:calc(100% - 150px);margin:0 10px;}
.play_singer .name{float:left;width:100%;height:24px;font-size:15px;line-height:24px;margin:3px 0;}
.play_singer .info{float:left;width:100%;height:24px;font-size:13px;line-height:24px;color:#888;}
.play_singer #num{margin:0 3px;color:red;}
.play_singer .btn{float:right;height:30px;line-height:30px;margin:15px 0;}
.play_singer .btn a{display:block;padding:0 20px;color:#fff;background:linear-gradient(to right,#4894e9,#3fa6fc);border-radius:20px;}
.play_singer .btn a:hover{background:linear-gradient(to left,#4894e9,#3fa6fc);}
.dance_down{float:left;width:20%;margin:5px 0;}
.dance_down li{float:left;width:100%;height:30px;line-height:30px;font-size:12px;text-align:center;color:#fff;overflow:hidden;margin:5px 0;}
.dance_down li a{display:block;color:#fff;}
.dance_down li a:hover{opacity:0.8;}
.dance_down li a.left{background:#fa4826;border-radius:0 20px 20px 0;}
.dance_down li a.right{background:#0f95bc;border-radius:0 20px 20px 0;}
.geci{float:left;width:calc(100% - 20px);height:400px;padding:0 10px;overflow-x:hidden;border:1px #ececec solid;margin:5px 0;}
#jp_container_1{float:left;width:100%;}
.djpic{float:left;width:90px;position:relative;}
.djpic img{float:left;width:100%;height:100%;border-radius:50%;}
.djpic .state{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);border-radius:50%;}
.djpic .state span{float:left;padding-top:50%;width:100%;height:calc(50% - 15px);line-height:30px;background:url(../images/player_state_paused.png) center no-repeat;text-align:center;color:#fff;}
.djpic .state span.play{background:url(../images/player_state_playing.gif) center no-repeat;}
.djname{float:left;width:100%;height:24px;line-height:24px;color:#333;overflow:hidden;}
.jp_right{float:right;width:calc(100% - 100px);}
.jp-progress, .jp-play-bar, .jp-seek-bar{width:100%;height:4px;line-height:4px;font-size:0;cursor:pointer;}
.jp-progress{float:left;width:100%;margin:12px 0;background:#545454;}
.jp-seek-bar{width:3px;background:#999;}
.jp-play-bar{width:3px;background:#2aabdb;position:relative;}
.jp-play-bar:after{content:"";display:inline-block;position:absolute;top:-3px;right:-5px;width:10px;height:10px;background:#2aabdb;border-radius:50%;}
.jp-controls{float:left;height:32px;}
.jp-controls li{float:left;width:32px;height:32px;overflow:hidden;}
.jp-controls li a{display:block;height:32px;text-indent:-9999px;background:url(../images/player.png) no-repeat;}
.jp-controls li a.jp-play{background-position:-158px -1px;}
.jp-controls li a.jp-pause{background-position:-193px -1px;}
.jp-time-holder{float:left;height:24px;line-height:24px;margin:8px 0 8px 5px;}
.lrc_geci,#lrc_content{float:left;width:100%;height:100px;overflow-y:auto;border:1px #ececec solid;margin-top:15px;}
.lrc_geci{padding-top:60px;}
#lrc_content{display:none;}
#lrc_list li{float:left;width:100%;line-height:30px;text-align:center;}
#lrc_list li.hover{font-size:16px;color:#46a5e4;font-weight:bold;}
.jp-volume{float:right;height:18px;position:relative;margin-top:10px;}
.jp-volume li{float:left;width:18px;height:18px;overflow:hidden;}
.jp-volume li a{display:block;height:18px;background:url(../images/player.png) no-repeat;text-indent:-9999px;}
.jp-volume li a.jp-mute{background-position:-246px -21px;}
.jp-volume li a.jp-unmute{background-position:-267px -21px;}
.jp-volume-bar,.jp-volume-bar-value{float:left;width:56px;height:3px;line-height:3px;font-size:0;cursor:pointer;background:#999;}
.jp-volume-bar{margin:7px 0 0 5px;}
.jp-volume-bar-value{background:#2aabdb;position:relative;}
.jp-volume-bar-value:after{content:"";display:inline-block;position:absolute;top:-3px;right:-3px;width:8px;height:8px;background:#2aabdb;border-radius:50%;}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
.rotate{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 6s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 6s;
    -webkit-animation: rotate 6s linear infinite;
    -moz-animation: rotate 6s linear infinite;
    -o-animation: rotate 6s linear infinite;
    animation: rotate 6s linear infinite;
	animation-play-state:paused;
}
.download{float:left;width:100%;margin:10px 0;}
.download li{float:left;width:100%;height:24px;line-height:24px;text-align:center;margin:5px 0;}
.download li a{display:inline-block;padding:0 8px;color:#fff;background:linear-gradient(to right,#4894e9,#3fa6fc);border-radius:5px;margin:0 5px;}
.download li a:hover{background:linear-gradient(to left,#4894e9,#3fa6fc);}
.download li .fa{margin-right:3px;}
.link{float:left;width:100%}
.link li{float:left;height:20px;line-height:20px;color:#666;margin:5px 25px 5px 0}
.footer{line-height:30px;clear:both;background:#181818;margin-top:20px;color:#fff;text-align:center;padding:20px;}
.footer a{color:#fff;text-decoration:none}
@media screen and (min-width:768px){
	.class h1{height:24px;}
}
@media screen and (max-width:768px){
  .container{width:calc(100% - 20px);padding:0 10px;}
  .play_list li{width:calc(100% - 20px);}
  .video_list li{width:calc(50% - 20px);}
  .play_left{width:calc(100% - 10px);}
  .play_right{width:100%;padding-left:0;border-left:none;margin-top:20px;}
  .play_list{width:100%;}
  .djpic{width:50%;margin:0 25% 20px 25%;}
  .jp_right{width:100%;}
  .yy_ihot{width:calc(100% - 20px);}
  .class h1{width:20px;font-size:12px;line-height:20px;padding:3px 0;margin:5px 0;}
  .class ul{width:calc(100% - 20px);margin:3px 0;}
  .class li{width:calc(25% - 10px);margin:3px 0 3px 10px;}
  .singer_list li{width:calc(33.33% - 20px);}
  .singer_info .pic{width:100%;}
  .singer_info .list_r{width:100%;}
  .player{height:auto;}
  .sm{width:100%}
  .dance_down{width:100%}
  .header .fa-bars{float:right;right:0;width:30px;height:30px;font-size:30px;display:block;color:#fff;margin-top:15px;margin-left:10px;}
  .header .nav{position:fixed;right:-15px;height:100%;width:150px;background:#FFF;z-index:1001;display:none;}
  .header .nav li{width:100%;height:40px;line-height:40px;border-bottom:1px #ececec solid;}
  .header .nav li a{display:block;color:#3fa6fc;}
  .header .nav li a:hover{color:#fff;}
  .header .search .seh_v{width:120px;}
  .header .back{display:none;z-index:1000;position:fixed;left:0;top:0;height:300%;width:100%;background:rgba(0,0,0,0.8);}
}