@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;}
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: #000;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;overflow-x:hidden;}

.box {max-width: 1300px;width: calc(100% - 40px);margin: auto;}

.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)}

.footer{
    width: 100%;
    height: 35px;
    position: fixed;
    bottom: 0;
    margin: 20px 0;
}
.operation{z-index: 10;}


/*.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{ cursor: pointer;}
.tion_box2 span{width: 15%; float: left; text-align: center; color: #9b9b9b; font-size: 14px; line-height: 35px;margin: 0 5px;}
.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;}

.music_nav{display: flex;}
.music_nav a{padding: 10px;}

.music_nav .layui-form-select .layui-input {background: none;border: none;}

.music_nav .btn {
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    border: 1px solid #fff;
    border: 1px solid rgba(150, 150, 150, .5);
    color: #fff;
    opacity: .8;
    filter: alpha(opacity = 80);
    cursor: pointer;
    font-size: 14px;
    padding: 5px;
    margin: 0 3px;
    width: 58px;
    text-align: center;
}


.music_nav  .current{
    border: 1px solid #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}


.music_nav .btn-box{  display: flex;justify-content: center;align-items: center;}

.music_nav .layui-form-select dl{border: none;background-color: #3e3e3e;}

.music_nav .layui-form-select dl dd.layui-this {background-color: #222;color: #fff;}
.music_nav .layui-form-select dl dd {color: azure;}



/*音乐播放器*/
.music_bg{width:100%!important;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{width:100%!important;position: relative; z-index: 10;}
.music_txt {display: flex;justify-content: space-between; align-items: center;width: 100%;height: 60px;max-width: 1300px;margin: 0 auto;}


.music_logo{overflow: hidden;width: 206px;min-width:100px;height: 60px;position: relative;}
.music_logo:before {
        content: "";
        position: absolute;
        width: 1000px;
        height: 20px; /**光标的宽度，可根据实际调整**/
        background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: searchLights 1s ease-in 1s infinite;
        -o-animation: searchLights 1s ease-in 1s infinite;
        animation: searchLights 1s ease-in 1s infinite; /**第一个数字参数控制扫光速度，数字越大越慢**/
      }
     
      @keyframes searchLights {
        0% {
          left: -200px;
          top: -300px;
        }
        100% {
          left: -160px;
          top: 800px;
        }
      }


.music_logo a{
    display: block;
    overflow: hidden;
    background: url(../../images/logo_dark.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 60px;
    width: 80%;
    
}
.music_logo img{width: 178px;}
.music_login{width: 100%;display: flex;justify-content: center;align-items: center;}
.music_login a{color: #fff;margin-left: 20px;}
.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: 48%;}
.music_list .li1 img{margin-right: 10px;}
.music_list .li2{width: 22%; font-size: 14px;}
.music_list .li3{width: 10%;}
.music_list .li4{width: 15%; 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;}
#oWindow{position:fixed;z-index:2000;top:50%;left:50%;background:-moz-linear-gradient(left center,#69A3D4 0%,#4888BE 100%) repeat scroll 0 0 transparent;background: -webkit-linear-gradient(left,#D2979E 0%,#578CAF 100%);color:#fff;padding:13px 20px;font-size:16px;border-radius: 6px;}


.ul-title{width: 1300px;margin-top: 49px;}

.ul-title li{float:left;height:36px;line-height:36px;font-size:16px;color:#9b9b9b;cursor:pointer;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.ul-title .li1{width:48%;}
.ul-title .li1 img{margin-right:10px;}
.ul-title .li2{width:22%;}
.ul-title .li3{width:14%;}
.ul-title .li4{width:4%;}


.music_right{
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    padding-top: 65px;
    
}
.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) no-repeat; background-size:100% 100%;}
.musicright_box2{width: 1300px; 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: 1300px; color: #9b9b9b; margin-top: 8px; text-align: center; font-size: 12px;}
.musicright_box4{width: 1300px; margin-top: 20px;}
.musicright_box4 p{width: 1300px; 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: 100%;height:30px!important;margin: 0 auto;background: none;max-width: 1300px;position: relative;display: flex;justify-content: center;align-items: center;}
.music_controller .operation .tion_box1{width: 25%; text-align: center;display: flex;align-items: center;}
.music_controller .operation .tion_box2{width: 54%;display: flex;}
.music_controller .operation .tion_box4{width: 4%;}
.music_controller .operation .tion_box3{width: 17%;}
 


.prev{
    background-position: 0 -30px;
    width: 19px;
    height: 20px;
    margin-right: 15px;
    background-image: url(../images/player.png);
    opacity: .8;
    margin-right: 15px;
    
}

.on_off{
    width: 21px;
    height: 29px;
    background-image: url(../images/player.png);
    opacity: .8;
    filter: alpha(opacity=80);
   
}

.jp-play{background-position: 0 0;}
.jp-pause{background-position: -30px 0;}


 .next{background-position: 0 -52px;
     width: 19px;
    height: 20px;
    margin-left: 15px;
    background-image: url(../images/player.png);
     opacity: .8;
     filter: alpha(opacity=80);
 }


.prev:hover,.next:hover,.on_off:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.new_music dt:hover img{position: absolute; animation: myfirst .5s linear;}
/*login*/
.ilingku-popover-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.35);filter:alpha(opacity=40);display:none}
.ilingku-popover{z-index:99999;position:fixed;top:50%;left:50%;width:500px;height:310px;margin:-180px 0 0 -330px;border-radius:5px;border:solid 2px #FFFFFF;background-color:#FFFFFF;display:none;border: 1px solid #BFBFBF;font: normal 12px myFont,Tahoma,"Courier New","雅黑宋体","微软雅黑";}
.ilingku-poptit{border-bottom:1px solid #BFBFBF;position: relative;border-radius: 4px 4px 0 0;color: #666;padding: 10px;height: 30px;}
.ilingku-poptit .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;margin-right: 0px;}
.ilingku-login{padding: 30px 0 0px;width: 220px;margin: 0 auto;height: 180px;}
.ilingku-login .u-txt{width: 206px;height: 19px;margin: 0;padding: 5px 6px 6px;border: 1px solid #cdcdcd;border-radius: 2px;line-height: 19px;}
.ilingku-login .loginsubmiting{width: 130px;height: 40px;line-height: 40px;color: #fff;background: #508B9A;display: block;text-align: center;font-size: 20px;border: none;font-family: '微软雅黑';cursor: pointer;margin: 0 auto;}
.ilingku-loglink2 {padding: 0 19px;height: 48px;border-top: 1px solid #c6c6c6;border-radius: 0 0 4px 4px;line-height: 48px;}
.ilingku-loglink2 a {font-size: 12px;color: #666;text-decoration: none;}
@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);}
}







/*phone*/

@media (max-width:768px){
    .music_login{display:none;}
    .ul-title .li2 {display:none;}
    .ul-title .li3 {display:none;}
    .ul-title .li4 {display:none;}
    .music_list .li1 {width: 80%;}
    .music_list .li2 {width: 20%;}
    .music_list .li3 {display:none;}
    .music_list .li4 {display:none;}
    .music_controller .operation .tion_box3 {display:none;}
    
    
    
    
    
}