.audio-list{0}
.audio-list .audio-box {float:left;list-style:none;margin-bottom:20px;background:#FFFFFF;width:100%;padding:20px;transition:box-shadow .3s;clear:both;}
.audio-list .audio-box .audios{display:inline-block;height:96px;width:288px;background:#fffff}
.audio-list .audio-box .icon-bofang{display:block;height:51px;width:59px;background:url(../images/audio.png) -14px -16px no-repeat;margin-left:10px;float:left;cursor:pointer}
.audio-list .audio-box .icon-bofang.on{background-position:-85px -16px}
.audio-list .audio-box .title{display:block;width:193px;height:50px;line-height:50px;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:12px;text-align:left;font-size:14px}
.audio-list .audio-box:hover .title{height:31px;line-height:19px}
.audio-list .audio-box .collect{display:none;float:left;width:29px;height:29px;border:1px solid #e5e5e5;border-radius:2px;margin-left:10px;background:url(../images/video.png) -14px 4px no-repeat #fff;cursor:pointer}
.audio-list .audio-box:hover .collect{display:block}
.audio-list .audio-box .c-chose{background:url(../images/video.png) -13px -37px no-repeat #fff}
.audio-list .audio-box .down{display:none;float:left;height:31px;line-height:31px;width:76px;margin-left:23px;border-radius:2px;cursor:pointer;font-size:14px;color:#fff}
.audio-list .audio-box:hover .down{display:block}
.audio-list .audio-box .down i{display:inline-block;width:20px;height:30px;vertical-align:-9px;margin-right:10px;background:url(../images/video.png) -13px -77px no-repeat}
.audio-list .audio-box .times{display:inline-block;height:30px;width:288px}
.audio-list .audio-box .info{display:block;float:left;width:223px;height:70px}
.audio-list .audio-box .star-time{display:block;float:left;height:23px;line-height:23px;width:59px;text-align:right;font-size:14px;color:#696969;margin-left:0px}
.audio-list .audio-box .time-bar{position:relative;display:block;width:180px;height:24px;z-index:1;cursor:pointer;overflow:hidden;float:left;background:#bfbfbf}
.audio-list .audio-box .time-bar .progressBar{position:absolute;z-index:3;left:0;width:100%;height:100%;background:url(../images/audio.png) no-repeat -180px -30px}
.audio-list .audio-box .time-bar .move-color{display:block;width:0;height:24px;background-color:#ff6700;position:absolute;left:0;top:0;height:100%;z-index:2}
.audio-list .audio-box .time-bar .timeTip{position:absolute;top:5px;left:0;z-index:3;width:40px;text-align:center;font-size:12px;color:#0099e5}
.audio-list .audio-box .end-time{display:block;width:40px;float:left;font-size:14px;color:#696969;line-height:23px}
.middle .left .guangp{display:inline-block;width:355px;height:321px;text-align:center;padding-top:80px;padding-bottom:70px;position:relative}
.middle .left .guangp .guxz{display:inline-block;width:359px;height:359px;background:url(../images/2.png)}
.middle .left .guangp .dy{position:absolute;width:85px;right:-109px;height:82px;top:71px;background:url(../images/1.png) no-repeat -356px -18px}
.middle .left .guangp .xy{position:absolute;right:-108px;width:85px;height:85px;top:71px;background:url(../images/1.png) no-repeat -450px -18px;z-index:3}
.middle .left .guangp .gp{position:absolute;width:173px;height:272px;right:-70px;top:115px;background:url(../images/1.png) no-repeat -350px -138px;transform:rotate(-32deg);transition:all .6s ease-in-out;transform-origin:right top}
.middle .left .guangp .imgs{transform:rotate(-32deg);transition:all .6s ease-in-out;transform-origin:right top}
.middle .left .guangp .gp.skewing{transform:rotate(0)}
.middle .left .guangp .xuanz{animation:circleRoate 200s;animation-timing-function:linear}
.middle .left .audio-box{height:100px;width:1100px;background:#fff;border-bottom:1px solid #c9c9c9;margin-bottom:16px}
.middle .left .audio-box .icon-bofang{display:block;height:51px;width:51px;background:url(../images/audio.png) -14px -16px no-repeat;float:left;cursor:pointer;margin-left:150px}
.middle .left .audio-box .icon-bofang.on{background-position:-85px -16px}
.middle .left .audio-box .times{display:inline-block;height:30px;width:288px}
.middle .left .audio-box .info{display:block;float:left;width:207px;height:100px}
.middle .left .audio-box .star-time{width:59px;display:block;float:left;height:51px;line-height:51px;text-align:center;font-size:20px;color:#696969;margin-left:17px}
.middle .left .audio-box .time-bar{position:relative;display:block;width:527px;height:41px;z-index:1;cursor:pointer;overflow:hidden;float:left;background:#bfbfbf;margin-top:5px}
.middle .left .audio-box .time-bar .progressBar{position:absolute;z-index:3;left:0;width:100%;height:100%;background:url(../images/audio.png) no-repeat -16px -83px}
.middle .left .audio-box .time-bar .move-color{display:block;width:0;height:24px;background-color:#ff6700;position:absolute;left:0;top:0;height:100%;z-index:2}
.middle .left .audio-box .time-bar .timeTip{position:absolute;top:5px;left:0;z-index:3;width:40px;text-align:center;font-size:12px;color:#0099e5}
.middle .left .audio-box .end-time{display:block;height:51px;width:52px;float:left;line-height:51px;font-size:20px;color:#696969}
.limit .audio-list .audio-box{width:288px;height:138px;margin-right:16px;margin-bottom:14px}
.limit .audio-list .audio-box .icon-bofang{margin-left:27px}
.limit .audio-list .audio-box .info{width:152px}
.limit .audio-list .audio-box .title{display:block;width:152px}
.limit .audio-list .audio-box .star-time{width:42px}
@keyframes circleRoate{from{transform:rotate(0) infinite}
to{transform:rotate(7600deg)}
}
@media all and (max-width:1600px){.audio-list .audio-box{width:100%;height:100%;margin-right:16px;margin-bottom:14px}
.audio-list .audio-box .icon-bofang{margin-left:20px}
.audio-list .audio-box .info{width:70%}
.audio-list .audio-box .title{display:block;width:100%}
.audio-list .audio-box .star-time{width:42px;margin-left: 40px;}
}
.jb, .search span .s-xia li:hover {
    background: #f25807;
    background: -moz-linear-gradient(left, #ff920f 0, #f25807 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #ff920f), color-stop(100%, #f25807));
    background: -webkit-linear-gradient(left, #ff920f, #f25807);
    background: -o-linear-gradient(left, #ff920f 0, #f25807 100%);
    background: -ms-linear-gradient(left, #ff920f 0, #f25807 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff920f), to(#f25807));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff920f), to(#f25807));
    background: linear-gradient(90deg, #ff920f 0, #f25807);
    cursor: pointer
}

.jb:hover {
    background: #ff6700;
    background: -moz-linear-gradient(left, #ffac13 0, #ff6700 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #ffac13), color-stop(100%, #ff6700));
    background: -webkit-linear-gradient(left, #ffac13, #ff6700);
    background: -o-linear-gradient(left, #ffac13 0, #ff6700 100%);
    background: -ms-linear-gradient(left, #ffac13 0, #ff6700 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ffac13), to(#ff6700));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffac13), to(#ff6700));
    background: linear-gradient(90deg, #ffac13 0, #ff6700);
    cursor: pointer
}
.clearfixz:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfixz{display:block}