html,body{background: #ebebeb;font-size: 0.28rem;}
@font-face {
    font-family: dincondbold;
    src: url(../font/dincondbold.otf);
}
*{font-size: 0.28rem;}
.floor{height: 0.88rem;background: #4c5888;position: fixed;top:0;left: 0;width: 100%;z-index: 999;}
.floor .swiper-container{margin: 0 8%;}
.floor a{display: block;line-height: 0.56rem;height:0.56rem;width:0.9rem;margin:0.16rem auto; text-align: center;border-radius: 0.56rem;font-size: 0.32rem;color: #fff;}
.floor .active a{background: #fff;color: #4c5888;}
.floorBtn div{width: 0.4rem;height: 0.4rem;position:absolute;top:50%;margin-top:-0.2rem;z-index: 9;opacity: 0.7;}
.floorBtn div:hover{opacity: 1;}
.floorBtn1{left:2%;background:url(../images/401.png) no-repeat center;background-size: cover;}
.floorBtn2{right:2%;background:url(../images/402.png) no-repeat center;background-size: cover;}
.yuyin{width: 0.35rem;height: 0.47rem;top:50%;margin-top: -0.24rem;right:0;position: absolute;background: url("../images/yuyin1.png") no-repeat center;background-size: cover;}
.audioList li{background: #fff;margin-bottom: 0.25rem;border-radius: 0.1rem;overflow: hidden;}
.audioList li:last-child{margin-bottom: 0;}
.audioBody{padding: .32rem .24rem;}
.more .audioBody h2{min-height: 0.83rem;display: flex;align-items: center;}
.moreAudios{border-bottom: 1px dashed #ddd;margin:0 0.24rem;}
.moreAudios:last-child{border-bottom: none;}
.audioCon{position: relative;}
.moreAudio .audioCon{padding: 0.24rem 0;}
.moreAudio{overflow: hidden;margin-left: 3%;}
.more.active .audioBody{background: #6781be;}
.more.active .audioBody .audioIndex{background: #fff;color: #6781be;}
.more.active .audioBody h2{color: #fff;}
.content{position: absolute;width: 100%;min-height: 100%;box-sizing: border-box;overflow: auto;padding: 16% 4% 4%;margin: 0;}
.audioTtile h2{font-size: 0.32rem;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.audioTtile p{color: #757575;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.audioIndex{position: absolute;width: 0.78rem;height: 0.78rem;line-height: 0.78rem;text-align: center;border-radius: 100%;background: #6781be;font-family: dincondbold;color: #fff;font-size: 0.44rem;}
.audioTtile{margin-right: 0.5rem;}
.more .audioTtile{margin-right: 1rem;}
.audioBody .audioTtile{margin-left: 1rem;}
.moreBtn{width: 0.8rem;line-height: 0.46rem;height: 0.46rem;background: #6781be;top:50%;margin-top: -0.23rem;position: absolute;text-align: center;right: 0;border-radius: 0.08rem;color: #fff;display: flex;  justify-content: center;align-items: center;}
.showuqi{display: none;}
.audioList li.active .gengduo{display: none;}
.audioList li.active .showuqi{display: block;display: flex;}
.audioList li.active .moreBtn{background: #fff;color: #6781be;}
.audioList .view{display: none;}
.audioList .hide{display: none;}
.moreAudios:hover h2{color: #6781be;}
.audioBody:hover h2{color: #6781be;}
.moreAudios:hover .yuyin{background: url("../images/yuyin2.png") no-repeat center;background-size: cover;}
.audioBody:hover .yuyin{background: url("../images/yuyin2.png") no-repeat center;background-size: cover;}
.moreAudio{display: none;}
.audioList li.active .moreAudio{display: block;}
.fixed-style{position: fixed;z-index: 9999;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.5); display: none;}
.mp3con{background: #fff;position: absolute;left: 7%;width: 86%;height: 80%;top:5%;}
.mp3con-top{position: absolute;width: 100%;top:0;overflow: auto;bottom:50px;padding: 20px;box-sizing: border-box;}
.mp3con-des p{text-align: justify;color: #616161;text-indent: 2em;}
.mp3con-des img{max-width:100%;vertical-align: bottom;height:auto !important;display:none;margin:0 auto;}
.look{position: absolute;right: 0;top:0;line-height: 1em;}
.look span{display: inline-block;vertical-align: middle;color: #999;margin-left: 6px;font-size: 12px;line-height: 1em;}
.look img{display: inline-block;vertical-align: middle;}
.mp3con-title{margin-bottom: 20px;}
.mp3con-title h3{border-left: 2px solid #6781be;line-height: 1em;padding-left: 5px;font-size: 16px;}
.mp3con-bot{position: absolute;bottom: 0;left: 0;right:0;overflow: hidden;}
.mp3con-bot audio{width: 100%!important;background: #f1f3f4;vertical-align: bottom;}
.closeddd{
    width: 45px;
    height: 45px;
    background: url(../images/closeicon.png) no-repeat center/40px;
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin-left: -22px;
}