﻿
a.jp-current-time:hover {color: #da534f;}
a.jp-duration:hover {color: #da534f;}
a.jp-current-time {color: #b2b2b2;}
a.jp-duration {color: #b2b2b2;}
a {text-decoration: none;}
.player-wrap-m4 {  font-family: "微软雅黑", "Microsoft Yahei";  background: #19222b;  color:#677a87;}
.player_m4a {margin: 0 0 0rem;}
.jp-audio {width: 100%;height:160px;margin: 0 auto;position: relative;overflow: hidden;}  
.jp-controls li.jp-fav {
    background: #ffeb3b url(img/y-ico6h.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico6h.png*/ no-repeat 10px center;
    width: 13px;
    width: 107px;
    font-size: 14px;
    height: 28px;
    border-radius: 10px;
    line-height: 28px;
    cursor: pointer;
    /* left: 85%; */
    padding-left: 30px;
    margin-top: 17px;
    float: right;
    margin-right: 5px;
    margin-top: 17px;
    position: relative;
}
.jp-controls li.jp-down {
    background: #ffeb3b url(img/y-ico6h.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico6h.png*/ no-repeat 10px center;
    width: 13px;
    width: 107px;
    font-size: 14px;
    height: 28px;
    border-radius: 10px;
    line-height: 28px;
    cursor: pointer;
    /* left: 85%; */
    padding-left: 30px;
    margin-top: 17px;
    float: right;
    margin-right: 5px;
    margin-top: 17px;
    position: relative;
}
     @media(max-width:570px) { 
.jp-audio {
    height: 205px;

}

.jp-controls li.jp-fav {
    position: absolute; 
    margin-right: 6px;
    margin-top: 64px;
    float: left;
    left: 0;
    top: -42px;
    /*right: 42%;*/
    right: 0%;
    bottom: 0px;
    margin: auto;
}
.jp-controls li.jp-down {
    position: absolute; 
    margin-right: 6px;
    margin-top: 64px;
    float: left;
    left: 0;
    top: -42px;
    right: -42%;
    bottom: 0px;
    margin: auto;
}
 } 
 
   @media(max-width:1090px) { 
.jp-audio .jp-volume-bar {display: none;}
.jp-mute, .jp-unmute {display: none;}
.jp-unmute {display: none;}
 } 




/*.playerBox{background: #293041;overflow: hidden;padding: 0 3px;}*/
.playerBox {background: #efefef;overflow: hidden;padding: 0 0px;background-size: cover; background-position: center; }
#path{height: 36px;line-height: 36px;overflow: hidden;color: #b2b2b2;}
#path p{color: #b2b2b2;font-size: 14px;padding-left: 10px;}
#path .r{padding-right: 20px;font-size: 12px;}
#path dd{    width: 82px;height: 19px;line-height: 19px;padding-left: 23px;border-radius:4px;    display: block;background-position:7px center;background-repeat: no-repeat;    margin-left: 2px;}
#path .d1{background-image:url(img/y-ico1.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico1.png*/;}
#path .d2{background-image:url(img/y-ico2.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico2.png*/;}
#path dl{float: left;margin-top: 9px;}
#path dl dd{float: left;cursor: pointer;}
#path dl dd.on{background-color: #da534f;color: #fff;}
#path .d1.on{background-image:url(img/y-ico1h.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico1h.png*/;}
#path .d2.on{background-image:url(img/y-ico2h.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico2h.png*/;}
#path a{color: #b2b2b2;}
#path .copy_url{background:url(img/y-ico3.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico3.png*/ no-repeat left center;padding-left:18px;margin-left:5px;}
#path .down{background:url(img/y-ico4.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico4.png*/ no-repeat left center;padding-left:18px;margin-left: 10px;}
.jp-audio .bg{background-color: #26262600;padding: 6px 0;}
.jp-audio .jp-wave { width:977px; height:86px;} /* width:1190px; */
.jp-type-single{background: #313d9075;color: #677a87;}
.jp-audio .jp-icon {position: absolute;width: 14px;height: 15px;background: url(img/play.gif)/*tpa=http://img.mix172.com/w/wav/img/play.gif*/;top: 5px;left: 15px;display: none;}
.jp-audio .jp-player-info {position: absolute;height:17px;left: 200px;top: 22px;width: 15px;color: #eee;font-size: 12px;}

/*进度蓝层*/
.jp-audio .jp-progress {position:absolute; /*width:977px;*/width:100%; height:100px; top:-100px; left:0px; z-index:1;}   /*width: 1190px;*/
.jp-audio .jp-progress .jp-seek-bar{height:100px; cursor: pointer;}
.jp-audio .jp-progress .jp-play-bar{height:100px; width:300px; background: url(img/player/player-head.png)/*tpa=http://img.mix172.com/w/wav/img/player/player-head.png*/;float: left;} 

/* @media screen and (max-width: 1200px) {  .jp-audio .jp-wave {width:980px;}      .jp-audio .jp-progress {width:980px;}  }   */    /* 浏览器宽度不大于1200px时 显示1000px宽度 */ 
/* @media screen and (min-width: 1201px) {  .jp-audio .jp-wave {width:1190px;}     .jp-audio .jp-progress {width:1190px;}  }  */  /* 浏览器宽度不小于1201px时 显示1200px宽度 */ 

/*红线 margin-left: -2px; */
.jp-audio .jp-play-pointer{position: absolute; height: 86px; top: 0px; left:100px; border-right: #f30 1px solid; display:none;}
.jp-audio .jp-play-pointer span{display: block; background: #eee; padding: 2px; font-size: 10px;}

.jp-time-holder{    position: absolute;top:21px;left:220px;}
.jp-controls{float: left;padding-left: 22px;}
.jp-type-single{position: relative;/*height: 61px;*/height: 100%;width: 100%;}
.jp-controls li{float: left;height: 61px;position: absolute;}
.jp-prev{left:20px;top:0;    background:url(img/v-btn1.png)/*tpa=http://img.mix172.com/w/wav/img/v-btn1.png*/ no-repeat center center;    width: 29px;}
.jp-prev:hover{background:url(img/v-btn1h.png)/*tpa=http://img.mix172.com/w/wav/img/v-btn1h.png*/ no-repeat center center;}
.jp-play,.jp-stop,.jp-pause{background:url(img/v-btn2.png)/*tpa=http://img.mix172.com/w/wav/img/v-btn2.png*/ no-repeat center center;    width: 40px;left:75px;}
.jp-stop{display: none;}
.jp-pause,.jp-stop{background:url(img/v-btn2h.png)/*tpa=http://img.mix172.com/w/wav/img/v-btn2h.png*/ no-repeat center center;}
.jp-next{background:url(img/v-btn3.png)/*tpa=http://img.mix172.com/w/wav/img/v-btn3.png*/ no-repeat center center;    width: 29px;left:140px;}
.jp-next:hover{background:url(img/v-btn3h.png)/*tpa=http://img.mix172.com/w/wav/img/v-btn3h.png*/ no-repeat center center;}
.jp-mute,.jp-unmute{background:url(img/y-ico5h.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico5h.png*/ no-repeat center center;  width: 20px;left:388px;}
.jp-mute:hover{background:url(img/y-ico5.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico5.png*/ no-repeat center center;}
.jp-unmute{background:url(img/y-ico5n.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico5n.png*/ no-repeat center center;}
/*.jp-controls li.jp-fav,.jp-controls li.jp-down{background:#30384b url(../wav/img/y-ico6h.png) no-repeat 10px center;
    width: 13px;width: 107px;font-size: 14px;height: 28px;
    border-radius: 10px;line-height: 28px;cursor: pointer;
    left:750px;padding-left: 30px;margin-top: 17px;
}*/



.jp-controls li.jp-fav:hover{background:#63615f7d url(img/y-ico6.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico6.png*/ no-repeat 10px center;  color: #fff;}
.jp-controls li.jp-down{/*left:862px;*/left:0;padding-left: 39px;background: #ffc107 url(img/y-ico7.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico7.png*/ no-repeat 16px center;}
.jp-controls li.jp-down:hover{ background:#3c455c url(img/y-ico7h.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico7h.png*/ no-repeat 16px center; color: #fff;}
.jp-audio .jp-volume-bar {position: absolute;width:172px;height: 61px;top: 0px;left: 418px;cursor: pointer;}
.jp-audio .jp-volume-bar .bar-bg{ height: 4px;background: #677a87;margin-top: 29px;position: relative;}
.jp-audio .jp-volume-bar .jp-volume-bar-value {background: #da534f;position: absolute;left:0;z-index: 100;width: 100%;top:0;height: 4px;}
.jp-audio .jp-volume-bar .ui-slider-handle {display: block;top: 24px;right:0;margin-left: -5px;width: 14px;height: 14px;background: #f30;
position: absolute;border-radius: 50%;background: #9cb4c5;outline: none;z-index: 200;}



.player-down{overflow: hidden;border-bottom: 1px solid #131B23;padding: 0 22px;margin-bottom: 5px;}
.player-down ul{height: 33px;}
.player-down li{float: left;line-height: 33px;    position: relative;padding: 0 14px;font-size: 14px;}
.player-down li span{color: #da534f;}
.player-down li em{width: 1px;height: 9px;background: #0B1014; position: absolute;top:12px;right:0;display: inline-block;}
.player-down p{background: url(img/y-ico8.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico8.png*/ left center no-repeat;
    padding-left: 25px;color: #677a87;font-size: 12px;float: right;height: 28px;line-height: 28px;
}

.vip-box1{background: #293041;overflow: hidden;padding: 6px;}
.vip-box1 .vb-left{float:left;/*margin: 6px;*/ width:474px; margin-left:8px;}
@media screen and (max-width: 1200px) {  .vip-box1 .vb-left{width:474px;}  }    /* 浏览器宽度不大于1200px时 显示990px宽度 */ 
@media screen and (min-width: 1201px) {  .vip-box1 .vb-left{width:550px;}  }    /* 浏览器宽度不小于1201px时 显示1200px宽度 */ 

.vip-box1 .vb-left .tit{text-align: center;height: 48px;line-height: 48px; background:url(img/y-line.jpg)/*tpa=http://img.mix172.com/w/wav/img/y-line.jpg*/ repeat-x left center;margin-bottom: 4px;}
.vip-box1 .vb-left .tit span{background: #293041;padding: 0 20px;font-size: 24px;}
.vip-box1 .vb-left table{font-size: 12px;width: 100%;}
.vip-box1 .vb-left th,.vip-box1 .vb-left td{border: 1px solid #677A87;height:38px;line-height: 38px;}
.vip-box1 .vb-left th{color: #da534f;text-align: center;}
.vip-box1 .vb-left td{padding-left: 5px;*padding-left: 2px;}
.vip-box1 .vb-left .bg{background: #212937;}
.vip-box1 .vb-left .td-z1,.vip-box1 .vb-left .td-z2{    padding-left: 70px;font-size: 14px;
    background:#212937 url(img/y-z1.png)/*tpa=http://img.mix172.com/w/wav/img/y-z1.png*/ no-repeat 35px center;}
.vip-box1 .vb-left .td-z2{    background:url(img/y-z2.png)/*tpa=http://img.mix172.com/w/wav/img/y-z2.png*/ no-repeat 35px center;}
.vb-right{width: 480px;float: right;}
.vb-right .tit{display:block;text-align: center;margin-top: 16px;margin-bottom: 7px;}
.vb-right .tit strong{color: #da534f;font-size: 14px;display: inline-block;height: 23px;line-height: 23px;position: relative;top:-6px;}
.vb-right .tit ul{display: inline-block;*display: inline;*zoom: 1;}
.vb-right .tit ul li{float: left;width: 85px;height: 23px;background: #677a87;
    text-align: center;color: #fff;font-size: 12px;text-align: center;line-height: 23px;   margin: 0 4px;}
.vb-right .con{width:480px; overflow:hidden;}
.vb-right .con dd{height:40px;display:block;width:480px;line-height:40px;  background:#1d2530;padding-left:6px;margin-bottom:3px;*padding-left: 0px;}
@media screen and (max-width: 1200px) {  .vb-right, .vb-right .con, .vb-right .con dd{width:480px;}  }    /* 浏览器宽度不大于1200px时 显示990px宽度 */ 
@media screen and (min-width: 1201px) {  .vb-right, .vb-right .con, .vb-right .con dd{width:550px;}  }    /* 浏览器宽度不小于1201px时 显示1200px宽度 */
.vb-right .con .num{float: left;width: 31px;height: 31px;text-align: center;
    line-height: 31px;font-size: 18px;color: #293041;
    background: #677a87;margin-top: 4px;margin-right: 18px;*margin-left: 6px;}
.vb-right .con p{overflow: hidden;font-size: 12px;*padding-left: 6px;}
.vb-right .con b{color: #1184d3;font-weight: normal;}
.vb-right .con em{background: #DA5451;color: #fff;padding: 0 1px;}
.vb-right .con p .c-red{color: #ff0000;}
.vb-right .con .dd-last{height: 67px;margin-bottom: 0;line-height: 18px;}

.vip-box2{margin-top: 10px;background: #293041;overflow: hidden;    padding: 8px 19px;}
.vip-box2 .ma{background: #19222b;text-align: center;    padding-top: 20px;width: 230px;height: 300px;float: left;}
.vip-box2 .ma img{width: 200px;height: 200px;margin-bottom: 5px;}
.vip-box2 .ma span{display: block;font-size: 18px;line-height: 28px;}
.vip-box2 .ma span em{color: #da534f;}
.vip-box2 .con-right{overflow: hidden;padding-left: 5px;}
.vip-box2 .con-right .btn{width: 178px;height: 35px;line-height: 35px;
    text-align: center;color: #fff;background: #da534f;font-size: 14px;
    display: inline-block;border-radius: 5px;margin-left: 3px;margin-bottom: 20px;
}
.vip-box2 .con-right .c-red{font-size: 14px;color: #da534f;}
.vip-box2 .con-right p{font-size: 14px;color: #677a87;/*margin-bottom: 20px;*/}
.vip-box2 .con-right .bg{background: #202834;font-size: 14px;
    line-height: 18px;color: #677a87;height: 80px;padding: 0 5px;
    padding-top: 10px;margin-top: 34px;
}
.vip-box3{background: #1c2630; color: #677a87; font-size: 12px; margin-top: 55px; padding: 5px; line-height: 24px; margin-bottom: 38px;}

.pop-player{position: fixed;top:0;left:0;width: 100%;height: 180px;    z-index: 100;display: none;background: #000;}
.pop-player .playerBox{position: relative;width: 986px;left:50%;margin-left: -493px;}
.pop-player .pop-jp-audio{height: 150px;}
.pop-player .jp-type-single{height: 52px;}
.pop-player .jp-controls li{height: 52px;}
.pop-player #jp-fav,.pop-player #jp-down,.pop-player #jp-closejp
{position: absolute;right:85px;border-radius: 4px;
    top:15px;width: 36px;height: 19px;background: #5c626e;
    font-size: 12px;color: #fff;line-height: 19px;text-align: center;
}
.pop-player #jp-down{    right:46px;}
.pop-player #jp-closejp{    right:7px;}
.pop-player #jp-closejp a{color: #fff;display: block;}
.pop-player .jp-audio .jp-player-info{top:15px;}
.pop-player .jp-time-holder{top:15px;}
.pop-player .jp-mute,.pop-player .jp-unmute{    left:316px;}
.pop-player .jp-audio .jp-volume-bar{left:345px;height: 52px;}
.pop-player .jp-audio .jp-volume-bar .bar-bg{margin-top: 24px;}
.pop-player .jp-audio .jp-volume-bar .ui-slider-handle{top:19px;}

.pop-player .jp-audio marquee {position: absolute;right:250px;white-space: nowrap;height: 52px;line-height: 52px;top:0;width:180px;}
.pop-player .jp-audio marquee li {white-space: nowrap;color: #fff;font-size: 12px;}

.play-xh{    position: absolute;    right:165px;height: 52px;}
.playmod li{float: left;}
.playmod li a{width: 17px;height: 15px;display: block;margin-left: 10px;height: 52px;}
.playmod li.list-mode a{    background: url(img/y-ico9.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico9.png*/ no-repeat center center;}
.playmod li.list-mode a.cur{    background: url(img/y-ico9h.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico9h.png*/ no-repeat center center;}
.playmod li.single-mode a{    background: url(img/y-ico10.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico10.png*/ no-repeat center center;}
.playmod li.single-mode a.cur{    background: url(img/y-ico10h.png)/*tpa=http://img.mix172.com/w/wav/img/y-ico10h.png*/ no-repeat center center;}
.playmod li a.cur{margin: 0 ;padding: 0;}


/*广告 20220617*/
.zz{background:#FFFFFF;width: 960px;margin: 1px auto;padding:10px;}
.zz .zz_span{width:960px;height: 180px;position:relative;cursor:pointer;margin-bottom:3px;padding-right:3px;}
.zz .zz_span img{width:960px;height:100%;position:relative;z-index:1;float:left}
.zz .zz_span span{position:absolute;z-index:2;right:4px;bottom:0px;background:rgba(0,0,0,0.4);font-size:12px;color:#fff;padding:2px 4px}
