.page-article-listen{width:600px;height:100%;margin:auto;border:1px solid #d2d2d2;position:relative}.page-article-listen .header{background-color:#f5f5f5;padding:0 7px;position:relative;font-size:14px;height:40px;line-height:40px;text-align:center}.page-article-listen .header .back{position:absolute;left:0;top:0;height:40px;text-align:left;line-height:40px;display:flex;align-items:center;cursor:pointer}.page-article-listen .header .back img{margin-right:3px;height:27px}.page-article-listen .header .back span{line-height:40px}.page-article-listen .header .title{display:inline-block;white-space:nowrap;overflow:hidden;font-size:16px;text-overflow:ellipsis;width:calc(100% - 90px);margin-left:60px}.page-article-listen .main{overflow:auto;height:calc(100% - 135px);padding:10px 7px;font-size:20px}.page-article-listen .main .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:unset!important}.page-article-listen .main .el-tree{overflow-x:visible}.page-article-listen .main .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node:last-child{border-bottom:4px solid #efefef}.page-article-listen .main .el-tree>.el-tree-node:last-child>.el-tree-node__children>.el-tree-node:last-child{border-bottom:none}.page-article-listen .main .el-tree .el-tree-node{min-height:60px}.page-article-listen .main .el-tree .el-tree-node .el-tree-node__content{height:100%;padding-left:0!important}.page-article-listen .main .el-tree .el-tree-node .el-tree-node__expand-icon{display:none}.page-article-listen .main .el-tree .el-tree-node__children{overflow:visible!important}.page-article-listen .main .edition .article-item{cursor:pointer}.page-article-listen .main .edition .article-item.disabled{cursor:not-allowed}.page-article-listen .main .edition.level1 .title{color:#df5813;font-weight:700}.page-article-listen .main .edition.level1 .el-divider{display:none}.page-article-listen .main .edition .title{padding:12px 50px 12px 27px;line-height:36px;width:545px}.page-article-listen .main .edition .el-divider{margin:0;background-color:#efefef}.page-article-listen .main .edition img{position:absolute;width:16px;height:20px;right:20px;top:0;bottom:0;margin:auto;display:none}.page-article-listen .main .edition .active{color:#df5813;position:relative}.page-article-listen .main .edition .active .title:before{position:absolute;content:"";width:8px;background:#df5813;left:-8px;top:0;bottom:0}.page-article-listen .main .edition .active img{display:block}.page-article-listen .main .edition:last-of-type>.el-divider{display:none}.page-article-listen .bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #e5e5e5;display:flex;justify-content:space-around;padding:0 20px;align-items:center;height:94px;width:560px;margin:auto;background-color:#fff;color:#000}.page-article-listen .bottom>div{padding:10px 20px}.page-article-listen .bottom img{width:40px;height:40px;vertical-align:middle}.page-article-listen .bottom .center img{width:64px;height:64px}.page-article-listen .bottom .inactive{color:#9b9aa7}.page-article-listen .bottom .disable{cursor:not-allowed}.page-article-listen .bottom .disable .activeImg{display:none}.page-article-listen .bottom .disable .inActiveImg{display:inline}.page-article-listen .bottom .useable{cursor:pointer}.page-article-listen .bottom .useable .activeImg{display:inline}.page-article-listen .bottom .useable .inActiveImg{display:none}.page-article-listen .digital-loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;text-align:center;background:rgba(0,0,0,.5)}.page-article-listen .digital-loading .text{position:fixed;top:50%;left:50%;width:200px;height:30px;margin-left:-100px;margin-top:-15px;text-align:center;z-index:9999;font-size:24px;color:#fff}.page-article-listen.mobile{border:0;width:100%}.page-article-listen.mobile .main{height:calc(100% - 150px)}.page-article-listen.mobile .main .edition{width:100%}.page-article-listen.mobile .main .edition .article-item{height:100%}.page-article-listen.mobile .main .edition .article-item .title{width:100%}.page-article-listen.mobile .bottom{margin:0 15px;padding:15px 0;width:calc(100% - 30px);height:110px}.page-article-listen.mobile .bottom .center,.page-article-listen.mobile .bottom .left,.page-article-listen.mobile .bottom .right{padding-left:0;padding-right:0}