.detail-main{background:#f5f5f5;overflow:auto}.detail-main .pagetitle{font-size:14px;color:rgba(0,0,0,.45);line-height:22px;margin-bottom:20px}.detail-main .detail-containner{padding:20px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.detail-main .detail .detail-title{font-size:28px;font-weight:700;color:#001529;line-height:32px}.detail-main .detail .detail-label_state1,.detail-main .detail .detail-label_state2{height:22px;border:1px solid #ddd;border-radius:4px;font-size:12px;padding:0 8px;margin-left:10px;display:inline-block;vertical-align:super}.detail-main .detail .detail-label_state1{color:#eb2f96;border-color:#eb2f96;background:#fff0f6;margin-left:12px}.detail-main .detail .detail-label_state2{color:#69b1ff;border-color:#69b1ff;background:#e6f4ff}.detail-main .detail p{font-size:18px;font-weight:400;color:rgba(0,0,0,.45);line-height:22px;margin-top:14px}.detail-main .detail p span{color:rgba(0,0,0,.88)}.detail-main .detail p label{margin-right:16px}.detail-main .detail .detail-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.detail-main .detail-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.detail-main .main-content-wrapper{padding-right:320px;position:relative}.detail-main .audio{width:100%;height:577px;background:#ccc;margin-top:20px}.detail-main .audio .dplayer{width:100%;height:100%}.detail-main .detail-sider{height:577px;padding:0;background:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;bottom:0;right:0}.detail-main .detail-sider,.detail-main .detail-sider .btn-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.detail-main .detail-sider .btn-group{font-size:12px;font-weight:400;color:#3d3d3d;background:#fff;line-height:24px;padding:16px 0;margin-bottom:12px}.detail-main .detail-sider .btn-group .btn-item{width:50%;padding:0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.detail-main .detail-sider .btn-group .btn-item:first-of-type{border-right:1px solid #d8d8d8}.detail-main .detail-sider .btn-group .btn-item .iconfont{vertical-align:bottom;margin-right:5px}.detail-main .detail-sider .side-menu-con{padding:16px;background:#fff;height:calc(100% - 68px)}.detail-main .detail-sider .side-menu-con ul{padding:0}.detail-main .side-menu-con .ivu-menu-item{height:44px!important;line-height:44px!important;font-weight:250;color:rgba(0,0,0,.88);background:#f5f5f5;border-radius:2px;margin-bottom:8px}.detail-main .side-menu-con .ivu-menu-item .iconfont{font-size:20px!important;color:#d8d8d8;margin-right:16px}.detail-main .side-menu-con .ivu-menu-item.ivu-menu-item-active{color:rgba(0,0,0,.88)!important}.detail-main .side-menu-con .ivu-menu-item.ivu-menu-item-active .iconfont{color:#1677ff}.detail-main .side-menu-con .ivu-menu-item .title-item{font-size:16px!important}