@import "iconfont.css";* {box-sizing:border-box;} 


.del {color:#ff0000;}
.layui-container {overflow:hidden;}
.layui-table {margin:0;}
.layui-elip {width:200px;}
.playhimg{display: none;}
.layui-btn-normal {background-color:#1aa270;}
.layui-btn-normal:hover {background-color:#46aa40;}   
.lkso,.tags,.type {width:100%;}
.lkbanquan {    line-height: 56px;    font-size: 16px;    font-weight: bold;    color: #ff0000;    text-align: center;} 
.ilingku_main{background-color: #fff;padding: 20px;margin-bottom: 20px;}
.mt{margin-bottom:5px;} 
.title{float:left;width:100%;height:50px;overflow:hidden;}
.title h1{float:left;height:50px;font-size:16px;line-height:50px;color:#333;text-indent:12px;position:relative;margin-left:14px;}
.title h1:after{content:"";display:inline-block;position:absolute;top:16px;left:0;width:5px;height:19px;border-radius:5px;background:#1aa270;}
.play_left h1 {font-size: 14px;color: #1aa270;font-weight: bold;overflow: hidden;}
.title .pagedata{float:right;height:30px;font-size:15px;line-height:30px;color:#666;margin-top:10px;margin-right:20px;}
.title .pagedata span{color:red;margin:0 3px;} 
.ihot{float:left;margin:10px -10px;} 
.video_list{float:left;width:100%;background:#fff;margin-bottom:20px;min-height:400px;  margin-top:13px;box-shadow: 0 0 5px #a0a0a0;border-radius: 10px;}
.video_list ul{margin-left:5px;margin-right:5px; }
.video_list li{float:left;width:calc(15% - 1px);margin:10px;}
.play li {    float: left;    width: calc(10% - 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:100%;transition:all 0.6s; }
.video_list li .pic a:hover img{transform:scale(1.1);transition:all 0.6s;}
.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;} 
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}  
.ilingku_fl{float:left;width:100%;padding:5px;background: #fff;margin-top: 13px;box-shadow: 0 0 5px #a0a0a0;border-radius: 10px; padding:20px;}
.ilingku_fl li{float:left;height:24px;font-size:16px;line-height:24px;margin:5px 7px;_width: 99px; }
.ilingku_fl li a{display:block;color:#333;padding:0 13px;border-radius:20px;}
.ilingku_fl li a:hover,.ilingku_fl li a.current{color:#000;background:#f7de0e; font-size:18px; font-weight:bold;} 
.ilingku_fl  .btys,.video_list .title .btys{font-size:18px; font-weight:bold;}
.layui-fixbar li{background-color: #509524;}
@media screen and (max-width:750px){
  .container{width:calc(100% - 20px);padding:0 10px;}
  .play_list li{width:calc(100% - 20px);}
  .video_list li{width:calc(33.33% - 20px);}
  .play_left{width:100%;}
  .play_right{width:100%;height: 100%;margin-top:14px;}
  .player_right{width:100%;height: 100%;margin-top:14px;}
  .djpic{width:50%;margin:0 25% 20px 25%;display: none}
 .singer_info .pic img{display: none}
  .lrc_geci{height: 145px;}
  .jp_right{width:100%;}
  .yy_ihot{width:calc(100% - 20px);}   
  .lkurl .ilingku-title span{display: none;}  
  .layui-fixbar{bottom: 55px;}
} 
.lkmusic_list 
  .text_list ul{margin-left:0px;margin-right:0px;}
  .text_list li{width:calc(100% - 20px);}
  .container{width:calc(100% - 20px);padding:0 10px;}