.playItemTemplate .playItemBox .playFloorBox .infoBox,.playItemTemplate .playItemBox .playFloorBox .titleSpan,.single-line-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playItemTemplate .playItemBox{cursor:pointer;border-bottom:1px solid #f2f2f2;padding-bottom:14px;margin-bottom:14px;height:58px}.playItemTemplate .playItemBox .playFloorBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.playItemTemplate .playItemBox .playFloorBox .typeBox{text-align:center;width:42px;height:17px;line-height:15px;border-radius:2px;border:1px solid #7892cf;color:#7892cf;margin-right:8px}.playItemTemplate .playItemBox .playFloorBox .titleSpan{width:526px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#2a2a2a;line-height:20px}.playItemTemplate .playItemBox .playFloorBox .el-icon-delete{color:#a2a3a5;text-align:right;margin-left:14px;font-size:14px}.playItemTemplate .playItemBox .playFloorBox.firstFloorBox{margin-bottom:6px}.playItemTemplate .playItemBox .playFloorBox.secondFloorBox{padding-left:50px}.playItemTemplate .playItemBox .playFloorBox .playStatusBox{color:#7892cf;line-height:17px}.playItemTemplate .playItemBox .playFloorBox .infoBox{display:block;width:408px;color:#a2a3a5;line-height:17px;padding-left:8px}.sharePosterTemp{background:transparent;-webkit-box-shadow:none;box-shadow:none}.sharePosterTemp .el-dialog__header{display:none}.sharePosterTemp .el-dialog__body{padding:0}.sharePosterTemp .shareImg{width:100%;height:100%}.sharePosterTemp .shareImgBox{display:block;width:430px;margin:auto;position:relative}.sharePosterTemp i{font-size:14px;position:absolute;top:18px;right:20px;cursor:pointer}.sharePosterTemp .closeWhite{color:#fff}.sharePosterTemp .closeBlack{color:#2a2a2a}.historyPlayBoxPcTemplate{padding:16px 20px 30px 20px;min-height:calc(100vh - 421px)}.historyPlayBoxPcTemplate .todayBox{padding-bottom:10px}.single-line-ellipsis,.viewsHistoryTemplate .viewsItemBox .playFloorBox .infoBox,.viewsHistoryTemplate .viewsItemBox .playFloorBox .titleSpan{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewsHistoryTemplate .viewsItemBox{cursor:pointer;border-bottom:1px solid #f2f2f2;padding-bottom:14px;margin-bottom:14px}.viewsHistoryTemplate .viewsItemBox .playFloorBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.viewsHistoryTemplate .viewsItemBox .playFloorBox .typeBox{text-align:center;width:42px;height:17px;line-height:15px;border-radius:2px;border:1px solid #7892cf;color:#7892cf;margin-right:8px}.viewsHistoryTemplate .viewsItemBox .playFloorBox .titleSpan{width:526px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#2a2a2a;line-height:20px}.viewsHistoryTemplate .viewsItemBox .playFloorBox .el-icon-delete{color:#a2a3a5;text-align:right;margin-left:14px}.viewsHistoryTemplate .viewsItemBox .playFloorBox.firstFloorBox{margin-bottom:6px}.viewsHistoryTemplate .viewsItemBox .playFloorBox.secondFloorBox{padding-left:50px}.viewsHistoryTemplate .viewsItemBox .playFloorBox .playStatusBox{color:#7892cf;line-height:17px}.viewsHistoryTemplate .viewsItemBox .playFloorBox .infoBox{display:block;width:408px;color:#a2a3a5;line-height:17px}.viewsHistoryTemplate .viewsItemBox .playFloorBox .infoBox.infoBox2{width:130px}.historyViewBoxPcTemplate{padding:16px 20px 30px 20px;min-height:calc(100vh - 421px)}.historyViewBoxPcTemplate .todayBox{padding-bottom:10px}.box-shadow{-webkit-box-shadow:0 2px 8px 0 rgba(32,37,55,.16);box-shadow:0 2px 8px 0 rgba(32,37,55,.16)}.single-line-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.two-line-ellipsis{-webkit-line-clamp:2}.three-line-ellipsis,.two-line-ellipsis{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.three-line-ellipsis{-webkit-line-clamp:3}.fourth-line-ellipsis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;white-space:inherit}pre{font-family:PingFangSC-Regular,PingFang SC}.scroll-bar::-webkit-scrollbar{width:2px;height:1px}.scroll-bar::-webkit-scrollbar-thumb{border-radius:3px;background:#b2b3bb}.scroll-bar::-webkit-scrollbar-track{border-radius:3px}.el-scrollbar__wrap::-webkit-scrollbar{width:0;height:0}.el-scrollbar__wrap::-webkit-scrollbar-thumb{border-radius:3px;background:#b2b3bb}.el-scrollbar__wrap::-webkit-scrollbar-track{border-radius:3px}.placeholder::-webkit-input-placeholder{color:#fff}.placeholder::-moz-placeholder{color:#fff}.placeholder:-ms-input-placeholder{color:#fff}.tagBox{height:17px;line-height:17px;background:rgba(0,0,0,.5);border-radius:5px;overflow:hidden;color:#fff;position:absolute;left:4px;bottom:4px}.tagBox .tagImg{float:left;width:17px!important;height:17px!important;border-radius:0!important}.tagBox span.statusSpan{float:left;padding:0 6px 0 3px;line-height:17px}.tagBox .zhibozhong{float:left;width:17px;height:17px;background:url(data:image/gif;base64,R0lGODlhIQAhALMPAP316ffcrvrt1eiXDfvw3eiSAOiTAOqjKeukLO62VPrr0PC9ZuunM////+eSAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTY4RDVFRjkwRTJGMTFFQ0I3N0I4MENDNTBCQzEzNUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTY4RDVFRkEwRTJGMTFFQ0I3N0I4MENDNTBCQzEzNUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NjhENUVGNzBFMkYxMUVDQjc3QjgwQ0M1MEJDMTM1QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjhENUVGODBFMkYxMUVDQjc3QjgwQ0M1MEJDMTM1QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUUAA8ALAAAAAAhACEAAASZ8ElZTHE46831NF0obtRoig94riTrZtfrqvIan4MgDLXJNA1Gb/QLDkVFoSaBODqSywbACc0sgFSgEnNtvHiaKhfLUhgzYkfXBVyEtZo1q/0+j73zhhsNt5JXdHx2an8ngRhpcoB6dVuEeIt7iH13bIyCjoonAQBNGTk7GggAAR03Th00qBynqx6uHSmwJA+trh+zGBMUFq4RACH5BAUUAA8ALAgABwASABIAAAQ08Mn5nHX0gEDnxdPSNJ00EMRAiWTpPmwAHO/6jM1Sl6O+U70fECYsGo/IpHLJTNI6is4zAgAh+QQFFAAPACwIAAcAEgASAAAEJjCA86q91enWFv6P5nAeeImkeW6dah1A4M50bd94ru987+MKgSkCACH5BAUUAA8ALAgABwASABIAAAQ20MlH3xBi1C3dZk3DbFX3hSP5IImnvg/wJDA31aSJ2+5OOYOeb6TwGY/IpHLJbFIQJIEK+ogAADs=) no-repeat;background-size:100% 100%}.tagBox{height:20px;display:block!important;bottom:8px;left:6px}.tagBox,.tagBox span.statusSpan{line-height:20px}.tagBox .tagImg,.tagBox .zhibozhong{width:20px!important;height:20px!important}body::-webkit-scrollbar,html::-webkit-scrollbar{width:7px!important}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{border-radius:10px}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{border-radius:10px;background:#c1c1c1!important}.fixedTemplate{overflow:hidden;height:100vh}.clear{clear:both}.vtouchClass{-ms-touch-action:pan-y!important;touch-action:pan-y!important}.grayElcheckBox .el-checkbox__inner,.grayElcheckBox.is-checked .el-checkbox__inner{border:1px solid #a2a3a5;background:#a2a3a5}.grayElcheckBox .el-checkbox__label,.grayElcheckBox.is-checked .el-checkbox__label{color:#a2a3a5}.capitalize{text-transform:capitalize}.messagePops{width:200px;background:rgba(0,0,0,.8);border-radius:4px;padding-bottom:28px;padding:24px 0 28px;position:fixed;top:calc(50vh - 65px);left:calc(50% - 100px);z-index:100}.messagePops .imgbox{width:40px;height:40px;margin:auto;margin-bottom:18px}.messagePops .imgbox img{width:100%;height:100%}.messagePops p{text-align:center;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#fff;line-height:20px}.flexTitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flexTitle .textBox{font-size:15px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;line-height:21px}.flexTitle .moreBtn{color:#a2a3a5}.grayBkMobileHeader{background:#f3f5f8}.hasPositionBox{position:fixed;bottom:0}.wechatDialog{background:none;-webkit-box-shadow:none;box-shadow:none}.wechatDialog .el-dialog__header{display:none}.wechatDialog .el-dialog__body{padding:0}.wechatDialog .el-dialog__body p{font-size:28px;color:#fff;text-align:center}.layui-layer-hui{background:rgba(0,0,0,.7)}.topicTip{display:inline-block;margin-right:14px;color:#7f4dfe!important;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:20px}.darkPagination{text-align:center}.el-pagination.is-background.darkPagination .btn-next,.el-pagination.is-background.darkPagination .btn-prev,.el-pagination.is-background.darkPagination .el-pager li{background-color:transparent;border-radius:2px;border:1px solid rgba(210,212,217,.49);color:#a2a3a5}.el-pagination.is-background.darkPagination .el-pager li:hover{color:#fff}.el-pagination.is-background.darkPagination .btn-next:disabled,.el-pagination.is-background.darkPagination .btn-prev:disabled{color:#a2a3a5}.el-pagination.is-background.darkPagination .el-pager li:not(.disabled).active{background-color:hsla(0,0%,100%,.2);color:#fff}.me-inner{width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:53px}.me-inner .me-middle{margin-top:20px}.me-history-wrap{min-height:100vh;background:#fafafa;overflow:hidden}.me-history-wrap .historyWrapBox{width:640px;background:#fff;margin-top:10px}.me-history-wrap .historyWrapBox .titleBox{font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:700;color:#2a2a2a;line-height:17px;padding:20px;border-bottom:1px solid #f2f2f2}.me-history-wrap .historyWrapBox .typeTagBox{padding:20px 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.me-history-wrap .historyWrapBox .typeTagBox .itemBox{padding:4px 18px;line-height:17px;border-radius:13px;margin-right:16px;background:#f2f2f2;color:#2a2a2a;cursor:pointer}.me-history-wrap .historyWrapBox .typeTagBox .itemBox.isActive{background:#2369ff;color:#fff}.me-history-wrap .historyWrapBox .title{width:100%;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;line-height:20px;margin-bottom:20px}.me-history-wrap .historyWrapBox .bookAudioItemPcTemplate{padding:0}.me-history-wrap .historyWrapBox .bookAudioItemPcTemplate.isEnd .titleSpan{color:#a2a3a5}.me-history-wrap .historyWrapBox .bookAudioItemPcTemplate .el-icon-delete{font-size:12px}.me-history-wrap .historyWrapBox .bookAudioItemPcTemplate .titleBox{padding:0;margin-bottom:6px;border:none}.me-history-wrap .historyWrapBox .bookAudioItemPcTemplate .titleBox .iconBox{width:15px;height:16px;margin-right:9px}.me-history-wrap .historyWrapBox .bookAudioItemPcTemplate .titleBox .iconBox img{display:block;width:100%}.me-history-wrap .historyWrapBox .bookAudioItemPcTemplate .titleBox .titleSpan{font-family:PingFangSC-Regular,PingFang SC;font-weight:400}.me-history-wrap .historyWrapBox .bookAudioItemPcTemplate .subText{padding-bottom:14px;border-bottom:1px solid #f2f2f2;margin-bottom:14px;padding-left:24px}.me-history-wrap .historyWrapBox .bookAudioItemPcTemplate .videotype{display:inline-block;color:#d4bd71;border-color:#d4bd71;-webkit-transform:scale(.9);transform:scale(.9);padding:0 5px;margin-left:10px}.me-history-wrap .historyWrapBox .bookAudioItemPcTemplate .titleSpan{opacity:1}.me-history-wrap .historyWrapBox .bookAudioItemPcTemplate:hover .titleSpan{opacity:.8}.me-history-wrap .historyWrapBox .el-pagination{text-align:center;padding:15px 0 30px 0}.me-history-wrap .historyWrapBox .el-pagination .el-pager li,.me-history-wrap .historyWrapBox .el-pagination button{background:#fff;border:1px solid #d2d4d9;height:30px;line-height:30px}.me-history-wrap .historyWrapBox .el-pagination .el-pager li.active{border:none}