.animate__animated{-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.content[data-v-4d6e69c0]{border-radius:8px 8px 0 0;-webkit-box-shadow:0 0 30px 0 rgba(86,100,183,.1);box-shadow:0 0 30px 0 rgba(86,100,183,.1);cursor:pointer;width:375px}.content .img-box:hover img[data-v-4d6e69c0]{-webkit-transform:scale(1.1);transform:scale(1.1)}.content .img-box[data-v-4d6e69c0]{border-radius:8px 8px 0 0;font-size:0;overflow:hidden;position:relative;z-index:3}.content .img-box .cover[data-v-4d6e69c0]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0;justify-content:center}.content .img-box .cover img[data-v-4d6e69c0],.content .img-box .cover[data-v-4d6e69c0]{border-radius:8px 8px 0 0;height:185px;-webkit-transition:.5s;transition:.5s;width:375px}.content .img-box .cover .defalutStyle[data-v-4d6e69c0]{height:69px;width:48px}.content .img-box .keyword[data-v-4d6e69c0]{color:hsla(0,0%,100%,.9);height:28px;left:15px;position:absolute;top:18px}.content .img-box .keyword .age-tag[data-v-4d6e69c0],.content .img-box .keyword .know-tag[data-v-4d6e69c0]{background:rgba(0,0,0,.4);border-radius:14px;font-size:14px;line-height:14px;margin-right:15px;padding:5px 10px;text-align:center}.content .img-box .ageMax[data-v-4d6e69c0]{width:70px}.content .img-box .know-tag[data-v-4d6e69c0]{left:83px;width:74px}.content .img-box .ageMaxKnow[data-v-4d6e69c0]{left:91px}.content .desc[data-v-4d6e69c0]{background:#fff;border-radius:0 0 8px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 20px}.content .desc .logo[data-v-4d6e69c0]{font-size:0;margin-right:15px}.content .desc .logo img[data-v-4d6e69c0]{height:60px;width:60px}.content .desc .mess[data-v-4d6e69c0]{-webkit-box-flex:1;color:#a7abc2;-ms-flex:1;flex:1;height:59px;overflow:hidden}.content .desc .mess .title[data-v-4d6e69c0]{color:#7f8294;font-size:18px;margin:5px 0 14px}.content .desc .download[data-v-4d6e69c0]{cursor:pointer;position:relative;width:20px}.content .desc .download img[data-v-4d6e69c0]{bottom:8px;position:absolute;width:20px}.content .desc .download .active[data-v-4d6e69c0]{display:none;opacity:0;-webkit-transition:.5s;transition:.5s}.content .desc .download .normal[data-v-4d6e69c0]{opacity:1;-webkit-transition:.5s;transition:.5s}.content .desc .download .qrcode[data-v-4d6e69c0]{background:hsla(0,0%,100%,.9);border:6px;border-radius:6px;bottom:40px;-webkit-box-shadow:0 0 30px 0 rgba(86,100,183,.1);box-shadow:0 0 30px 0 rgba(86,100,183,.1);-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;height:150px;opacity:0;padding:10px;position:absolute;right:-65px;visibility:hidden;width:150px;z-index:10}.content .desc .download .qrcode img[data-v-4d6e69c0]{height:130px;width:130px}.content .desc .download .qrcode[data-v-4d6e69c0]:before{border:9px solid transparent;border-top-color:hsla(0,0%,100%,.9);bottom:-18px;content:"";height:0;left:0;margin:auto;position:absolute;right:0;width:0;z-index:1}.content .desc .download:hover .active[data-v-4d6e69c0]{display:block;opacity:1;-webkit-transition:.5s;transition:.5s}.content .desc .download:hover .normal[data-v-4d6e69c0]{display:none;opacity:0;-webkit-transition:.5s;transition:.5s}.content .desc .download:hover .qrcode[data-v-4d6e69c0]{bottom:60px;opacity:1;-webkit-transition:.5s;transition:.5s;visibility:visible}.content[data-v-71d451a5]{-webkit-box-shadow:0 0 30px 0 rgba(86,100,183,.1);box-shadow:0 0 30px 0 rgba(86,100,183,.1);cursor:pointer;position:relative;width:375px}.content .img-box:hover img[data-v-71d451a5]{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:.5s;transition:.5s}.content .img-box[data-v-71d451a5]{border-radius:8px 8px 0 0;font-size:0;overflow:hidden;position:relative}.content .img-box .cover[data-v-71d451a5]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:8px 8px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0;height:237px;justify-content:center;-webkit-transition:.5s;transition:.5s;width:100%}.content .img-box .cover img[data-v-71d451a5]{border-radius:8px 8px 0 0;height:237px;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:100%}.content .img-box .cover .defalutStyle[data-v-71d451a5]{height:69px;width:48px}.content .desc[data-v-71d451a5]{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:0 0 8px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;height:60px;justify-content:space-between;padding:0 20px}.content .desc .title[data-v-71d451a5]{line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80%}.content .desc .time[data-v-71d451a5]{color:#a7abc2;font-size:16px}.content .play[data-v-71d451a5]{height:60px;left:50%;position:absolute;top:88px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px}.content .play img[data-v-71d451a5]{height:100%;width:100%}.el-slider__bar{background-color:#5fc5f4}.el-slider__button{background:#5fc5f4!important;border:none!important;height:0!important;width:0!important}.el-slider__runway{background-color:inherit!important;height:5px!important;margin:0!important}.el-slider__bar{border-radius:3px!important;height:5px!important}.content[data-v-3944de42]{-webkit-box-pack:justify;-ms-flex-pack:justify;background:#fff;border-radius:8px;-webkit-box-shadow:0 0 30px 0 rgba(86,100,183,.1);box-shadow:0 0 30px 0 rgba(86,100,183,.1);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:30px 20px;position:relative;width:375px}.content.active .img-box .record[data-v-3944de42]{-webkit-animation:turn-3944de42 4s linear infinite;animation:turn-3944de42 4s linear infinite;left:60px}.content:hover .img-box .record[data-v-3944de42]{left:60px;-webkit-transition:.5s;transition:.5s}.content:hover .img-box .opera-icon.play[data-v-3944de42]{opacity:1;-webkit-transition:1s;transition:1s}.content .img-box .cover[data-v-3944de42],.content .img-box[data-v-3944de42]{font-size:0;position:relative}.content .img-box .cover[data-v-3944de42]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#fbfbfb;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;height:150px;justify-content:center;width:150px;z-index:2}.content .img-box .cover img[data-v-3944de42]{border-radius:6px;max-height:150px;max-width:150px;-webkit-transition:.5s;transition:.5s}.content .img-box .cover .defalutStyle[data-v-3944de42]{height:69px;width:48px}.content .img-box .record[data-v-3944de42]{height:139px;left:36px;margin-top:6px;position:absolute;top:0;-webkit-transition:.5s;transition:.5s;width:139px}.content .img-box .opera-icon[data-v-3944de42]{background:rgba(0,0,0,.3);border-radius:50%;bottom:0;height:45px;left:0;margin:auto;position:absolute;right:0;top:0;width:45px;z-index:3}.content .img-box .opera-icon.play[data-v-3944de42]{opacity:0;-webkit-transition:1s;transition:1s}.content .desc[data-v-3944de42]{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:18px;justify-content:space-between;margin-top:9px;text-align:right;width:130px}.content .desc .time[data-v-3944de42]{color:#a7abc2;font-size:16px}.card-box[data-v-3944de42]{position:relative}.card-box .bb-audio[data-v-3944de42]{bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;padding:0 8px;position:absolute;width:100%}.card-box .bb-audio .process-bar[data-v-3944de42]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.card-box .bb-audio .process-bar .line-box[data-v-3944de42]{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-box .bb-audio .process-bar .operate-box[data-v-3944de42]{cursor:pointer}@-webkit-keyframes turn-3944de42{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes turn-3944de42{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.recommand-wrapper[data-v-fae2c1c2]{background:#fff;border-radius:8px 8px 8px 8px;position:absolute;right:15px;text-align:center;top:166px;width:106px;z-index:10}.recommand-wrapper.single[data-v-fae2c1c2],.recommand-wrapper[data-v-fae2c1c2]{-webkit-box-shadow:0 0 30px 0 rgba(86,100,183,.1);box-shadow:0 0 30px 0 rgba(86,100,183,.1)}.recommand-wrapper.single[data-v-fae2c1c2]{top:426px;width:124px}.mul-recommand-list[data-v-fae2c1c2]{padding-bottom:19px}.mul-recommand-list .title[data-v-fae2c1c2]{color:#636679;font-size:18px;font-weight:400;line-height:22px;margin:21px 0 30px}.mul-recommand-list .app-card[data-v-fae2c1c2]{margin-top:30px;position:relative}.mul-recommand-list .app-card .logo[data-v-fae2c1c2]{cursor:pointer;display:block;height:76px;margin:0 auto;width:76px}.mul-recommand-list .app-card .logo img[data-v-fae2c1c2]{display:block;width:100%}.mul-recommand-list .app-card .logo .mask[data-v-fae2c1c2]{background-color:rgba(0,0,0,.5);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAQMAAADaua+7AAAABlBMVEX///8AAABVwtN+AAAAAnRSTlPMABHcVXoAAAA3SURBVAjXY2CQYABj+5l/wNhwZg8Mw8Tgav7//w/CQPYPMLafAcTz5RkM4VgCyAfiGQ+A8mAMAIwSHfxzzoY3AAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;background-size:25px 25px;border-radius:10px;height:76px;opacity:0;position:absolute;visibility:hidden;width:76px;z-index:10}.mul-recommand-list .app-card .info[data-v-fae2c1c2]{color:#7f8294;font-size:16px;font-weight:400;line-height:16px;margin-top:10px}.mul-recommand-list .app-card .qrcode[data-v-fae2c1c2]{background:#fff;border-radius:5px;-webkit-box-shadow:0 0 13px 0 rgba(49,55,59,.2);box-shadow:0 0 13px 0 rgba(49,55,59,.2);height:142px;left:-180px;opacity:0;padding:13px;position:absolute;top:-50px;visibility:hidden;width:142px}.mul-recommand-list .app-card .qrcode[data-v-fae2c1c2]:before{border-bottom:9px solid transparent;border-left:10px solid hsla(0,0%,100%,.9);border-top:9px solid transparent;content:"";height:0;position:absolute;right:-10px;top:5px;top:72px;width:0;z-index:1}.mul-recommand-list .lastCard[data-v-fae2c1c2]{margin-bottom:19px}.mul-recommand-list .app-card:hover .qrcode[data-v-fae2c1c2]{left:-190px;opacity:1;-webkit-transition:left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;transition:left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;visibility:visible}.mul-recommand-list .app-card:hover .mask[data-v-fae2c1c2]{opacity:1;-webkit-transition:.1s ease-in-out,opacity .3s ease-in-out .1s,visibility .3s;transition:.1s ease-in-out,opacity .3s ease-in-out .1s,visibility .3s;visibility:visible}.single-recommand-list[data-v-fae2c1c2]{padding:15px 0}.single-recommand-list .logo[data-v-fae2c1c2]{height:94px;margin:0 auto;width:94px}.single-recommand-list .logo img[data-v-fae2c1c2]{width:100%}.single-recommand-list .info[data-v-fae2c1c2]{font-size:14px;margin-top:10px}.single-recommand-list .desc[data-v-fae2c1c2]{font-size:12px;margin-bottom:13px;margin-top:8px}.qrcode[data-v-fae2c1c2]{margin:0 auto;text-align:center;width:94px}@media screen and (max-width:1430px){.recommand-wrapper[data-v-fae2c1c2]{display:none}}.load-wrap[data-v-6a540adc]{height:30px;text-align:center;width:100%}.line[data-v-6a540adc]{background-color:#5fc8f9;border-radius:50%;display:inline-block;height:10px;margin:5px;width:10px}.line[data-v-6a540adc]:last-child{-webkit-animation:loading-6a540adc .6s linear .1s infinite;animation:loading-6a540adc .6s linear .1s infinite}.line[data-v-6a540adc]:nth-last-child(2){-webkit-animation:loading-6a540adc .6s linear .2s infinite;animation:loading-6a540adc .6s linear .2s infinite}.line[data-v-6a540adc]:nth-last-child(3){-webkit-animation:loading-6a540adc .6s linear .3s infinite;animation:loading-6a540adc .6s linear .3s infinite}@-webkit-keyframes loading-6a540adc{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes loading-6a540adc{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}.page[data-v-e686f5ec]{background:#fbfbfd;margin-bottom:82px;min-height:calc(100vh - 140px)}.search-input[data-v-e686f5ec]{background:#fff;border:1px solid #f0f0f6;border-radius:6px;height:40px;margin-bottom:30px;margin-top:80px;overflow:hidden;position:relative}.search-input input[data-v-e686f5ec]{color:#a5a9c0;font-size:18px;line-height:40px;padding-left:20px}.search-input input[data-v-e686f5ec]::-webkit-input-placeholder{color:#a5a9c0}.search-input input[data-v-e686f5ec]::-moz-placeholder{color:#a5a9c0}.search-input input[data-v-e686f5ec]:-ms-input-placeholder{color:#a5a9c0}.search-input input[data-v-e686f5ec]::-ms-input-placeholder{color:#a5a9c0}.search-input input[data-v-e686f5ec]::placeholder{color:#a5a9c0}.search-input .btn-box[data-v-e686f5ec]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#5fc8f9;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;width:60px}.filter-box[data-v-e686f5ec]{border-bottom:1px solid #f0f0f6;font-size:0;margin-bottom:60px}.filter-box .filter-item[data-v-e686f5ec]{background:-webkit-gradient(linear,left top,right top,from(rgba(0,160,233,.5)),to(rgba(0,160,233,.5))) no-repeat;background:linear-gradient(90deg,rgba(0,160,233,.5),rgba(0,160,233,.5)) no-repeat;background-position:bottom;background-size:0 2px;color:#7f8294;cursor:pointer;display:inline-block;font-size:18px;font-weight:400;margin-right:70px;padding-bottom:10px;-webkit-transition:.3s;transition:.3s}.filter-box .filter-item.active[data-v-e686f5ec],.filter-box .filter-item[data-v-e686f5ec]:hover{background-size:100% 2px;color:#636679;-webkit-transition:.3s;transition:.3s}.card-box .box-title[data-v-e686f5ec]{font-size:22px;margin-bottom:30px}.card-box .card-list[data-v-e686f5ec]{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;margin-bottom:22px}.card-box .card-list .card-item[data-v-e686f5ec]{margin-bottom:38px;min-height:1px;width:378px}.card-box .card-list .card-item.mb0[data-v-e686f5ec]{margin-bottom:0}.tips[data-v-e686f5ec]{color:#7f8294;font-size:18px;left:50%;line-height:24px;position:absolute;top:calc(50% - 120px);-webkit-transform:translateX(-50%);transform:translateX(-50%)}