@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;}

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

.music_nav{width: 150px;margin: 100px 0 0 30px; float: left; position: absolute;border: 1px solid #4A4A4A;border-radius: 5px;}
.music_nav a{padding: 10px;position: relative;float: left;margin-left: 30px;}

/*音乐播放器*/
.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_login{margin: 15px 0px 0px 0px;float: right;margin-right: 10%;}
.music_login a{color: #fff;margin-right: 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: 50%; text-indent: 30px;}
.music_list .li1 img{margin-right: 10px;}
.music_list .li2{width: 25%; 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: 53%;float: left;position: fixed;top: 64px;z-index: 9999; margin-left:15%}
.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:54%;text-indent:60px;}
.ul-title .li1 img{margin-right:10px;}
.ul-title .li2{width:28%;text-indent: 10px;}
.ul-title .li3{width:14%;}
.ul-title .li4{width:4%;}


.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) 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;}
/*login*/
.x5music-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}
.x5music-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","雅黑宋体","微软雅黑";}
.x5music-poptit{border-bottom:1px solid #BFBFBF;position: relative;border-radius: 4px 4px 0 0;color: #666;padding: 10px;height: 30px;}
.x5music-poptit .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;margin-right: 0px;}
.x5music-login{padding: 30px 0 0px;width: 220px;margin: 0 auto;height: 180px;}
.x5music-login .u-txt{width: 206px;height: 19px;margin: 0;padding: 5px 6px 6px;border: 1px solid #cdcdcd;border-radius: 2px;line-height: 19px;}
.x5music-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;}
.x5music-loglink2 {padding: 0 19px;height: 48px;border-top: 1px solid #c6c6c6;border-radius: 0 0 4px 4px;line-height: 48px;}
.x5music-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);}
}