.book-item[data-v-3ed53184]{width:750px;min-height:120px;background:#fafafa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.book-item img[data-v-3ed53184]{width:24px;height:24px;margin-left:32px;margin-right:16px}.book-item .name[data-v-3ed53184]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:32px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:32px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.book-item .name.active[data-v-3ed53184]{color:#f6492b}.nav[data-v-063063a2]{height:88px;width:750px;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;padding:0 40px;-webkit-box-shadow:inset 0 -1px 0 0 #e6e6e6;box-shadow:inset 0 -1px 0 0 #e6e6e6}.nav .title[data-v-063063a2]{font-family:PingFangSC-Semibold;font-size:36px;color:#333;text-align:center;line-height:36px}.nav .left[data-v-063063a2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.nav .left img[data-v-063063a2]{width:48px;height:48px}.nav .right[data-v-063063a2]{-webkit-box-flex:1;-ms-flex:1;flex:1}*{margin:0;padding:0}.root-mobile{width:750px;font-size:28px;min-height:100vh;margin:0 auto;background:#fff;z-index:2147483646;overflow-x:auto;padding-bottom:48px}.bk-button{background:#f6492b;border-radius:8px;line-height:96px;color:#fff}.bk-button,.border-button{width:654px;height:96px;font-family:PingFangSC-Regular;text-align:center;font-size:36px;margin:24px auto 0}.border-button{border:2px solid #f6492b;border-radius:8px;line-height:92px;color:#f6492b}.bk-button:active,.border-button:active{opacity:.8}.border-input{width:654px;height:96px;margin:0 auto;border:1px solid rgba(0,0,0,.15);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:48px;padding-right:2px}.border-input img{width:32px;height:32px;margin-left:28px;margin-right:8px}.border-input .input,.border-input input{border:none;-webkit-box-flex:1;-ms-flex:1;flex:1;height:72px;font-size:28px;color:#333;min-width:0}.border-input .input{line-height:72px}.border-input input::-webkit-input-placeholder{color:rgba(0,0,0,.25)}.border-input input::-moz-placeholder{color:rgba(0,0,0,.25)}.border-input input:-ms-input-placeholder{color:rgba(0,0,0,.25)}.border-input input::-ms-input-placeholder{color:rgba(0,0,0,.25)}.border-input input::placeholder{color:rgba(0,0,0,.25)}.border-input input:focus{outline:none}.err-style{font-size:32px;color:#f6492b;letter-spacing:0;line-height:64px;width:654px;min-height:64px;padding:0 16px;margin:0 auto;margin-bottom:48px;background:rgba(246,73,43,.1)}#play_mp4[data-v-4af74a54]{width:750px!important;height:422px!important}#play_mp3[data-v-4af74a54]{width:750px}.info[data-v-4af74a54]{padding:32px;border-bottom:20px solid #f5f5f5}.info .title[data-v-4af74a54]{font-family:PingFangSC-Semibold;font-size:32px;color:#333;line-height:48px}.info .classification[data-v-4af74a54]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.info .classification>div[data-v-4af74a54]{font-family:PingFangSC-Regular;font-size:24px;color:#999;line-height:24px}.info .classification .grade[data-v-4af74a54]{padding-right:16px;border-right:1px solid #e6e6e6}.info .classification .subject[data-v-4af74a54],.info .classification .type[data-v-4af74a54]{padding-left:16px}.resources-title[data-v-4af74a54]{background:#fff;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.03);box-shadow:0 8px 16px 0 rgba(0,0,0,.03);width:750px;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 32px}.resources-title>img[data-v-4af74a54]{width:32px;height:32px;margin-right:16px}.resources-title>div[data-v-4af74a54]{font-family:PingFangSC-Semibold;font-size:32px;color:#333;line-height:32px}.audio-box[data-v-4af74a54]{position:relative;width:750px!important;height:422px!important}.audio-box .video-bg[data-v-4af74a54]{width:750px;height:422px;position:absolute;left:0;top:0}.audio-box .play-img[data-v-4af74a54]{position:absolute;width:100px;height:100px;left:32px;bottom:32px}.audio-box .speed-wrapper[data-v-4af74a54]{margin-left:24px}.audio-box .audioAction[data-v-4af74a54]{position:absolute;right:20px;bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.audio-box .audioAction-action[data-v-4af74a54]{width:56px;height:56px}.audio-box .audioAction-action>[data-v-4af74a54]{width:48px;height:48px}.audio-box .audioAction-action .speed[data-v-4af74a54]{background:#fff;border-radius:50%;color:#f6492b;line-height:48px;font-size:20px;text-align:center;cursor:pointer}.audio-box .mypopup[data-v-4af74a54]{position:absolute;bottom:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:8px;height:auto;background-color:#fff;width:48px;border-radius:24px;padding:0!important}.audio-box .mypopup>img[data-v-4af74a54]{cursor:pointer;padding:15px 0;width:48px;height:48px}.audio-box .mypopup[data-v-4af74a54] .ant-slider-vertical{height:125px;padding:0 2px;margin:0}.audio-box .mypopup[data-v-4af74a54] .ant-slider-track{width:9px;background-color:#f6492b!important;border-radius:4.5px}.audio-box .mypopup[data-v-4af74a54] .ant-slider-rail{width:9px;background:#e6e6e6;border-radius:4.5px}.audio-box .mypopup[data-v-4af74a54] .ant-slider-handle{-webkit-box-shadow:0 0 10px 0 #eee;box-shadow:0 0 10px 0 #eee}.audio-box .mypopup[data-v-4af74a54] .ant-slider-handle,.audio-box .mypopup[data-v-4af74a54] .ant-slider-handle:hover{background-color:#f6492b;width:30px;height:30px;margin-left:-10px;border:9px solid #fff}.audio-box .mypopup .ant-slider[data-v-4af74a54]:hover .ant-slider-handle:not(.ant-tooltip-open){border-color:#fff}