.w-56[data-v-12fe8354]{min-width:56px}.keywords-wrap[data-v-12fe8354]{max-width:calc(100% - 56px);word-wrap:break-word;word-break:break-all}.search[data-v-12fe8354]{width:100%}.hot-view[data-v-12fe8354]{width:28px;text-align:center;line-height:40px;font-size:14px;font-family:OPPOSans-H,OPPOSans;color:#fff;font-weight:700;position:absolute;top:-4px;right:-12px;-webkit-animation:hot-data-v-12fe8354 1.4s ease-in infinite;animation:hot-data-v-12fe8354 1.4s ease-in infinite}@-webkit-keyframes hot-data-v-12fe8354{0%{transform:scale(1) rotate(0deg);transform-origin:0 100%}20%{transform:scale(.8);transform-origin:0 100%}35%{transform:scale(.8) rotate(-20deg);transform-origin:0 100%}50%{transform:scale(.9) rotate(8deg);transform-origin:0 100%}60%{transform:scale(1) rotate(0deg);transform-origin:0 100%}}@keyframes hot-data-v-12fe8354{0%{transform:scale(1) rotate(0deg);transform-origin:0 100%}20%{transform:scale(.8);transform-origin:0 100%}35%{transform:scale(.8) rotate(-20deg);transform-origin:0 100%}50%{transform:scale(.9) rotate(8deg);transform-origin:0 100%}60%{transform:scale(1) rotate(0deg);transform-origin:0 100%}}.search-container[data-v-12fe8354]{width:100%;background:#fff;box-shadow:0 0 12px 0 rgba(33,48,83,.1);right:0;z-index:2;transition:all .3s ease}.search-container-wrapper[data-v-12fe8354]{width:900px;padding-top:30px;padding-bottom:40px;margin:0 auto}.search-container-wrapper-search-word[data-v-12fe8354]{width:900px;margin:0 auto;font-size:14px;font-family:OPPOSans-R,OPPOSans;font-weight:400;color:#333b45;line-height:18px;margin-top:16px;text-align:left}.search-container-wrapper-search-word[data-v-12fe8354]:after{content:"";display:block;clear:both}.search-container-wrapper-search-word span[data-v-12fe8354]:not(:first-child){cursor:pointer;white-space:nowrap;margin-right:16px;float:left;text-decoration:underline}.search-container-wrapper-search-word span[data-v-12fe8354]:not(:first-child):hover{color:#1dbbb9}.search-container-wrapper-input[data-v-12fe8354]{width:900px;margin:0 auto;background:#fff;border-radius:8px;border:1px solid #1dbbb9}.search-container-wrapper-input[data-v-12fe8354] .ant-input-group-wrapper{position:relative;z-index:2}.search-container-wrapper-input .music-demand[data-v-12fe8354]{font-size:12px;font-family:PingFang SC;font-weight:400;text-decoration:underline;color:#1dbbb9;position:absolute;right:262px;top:-5px;z-index:33;transform:translateX(calc(100% + 20px)) translateY(12px);cursor:pointer;border-radius:10px;padding:12px 25px}.search-container-wrapper-input .underline[data-v-12fe8354]{display:block;width:1px;height:30px;background-color:hsla(0,0%,60%,.2);position:absolute;left:132px;top:50%;z-index:33;transform:translateY(-50%)}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper{line-height:46px;border-radius:8px;display:flex;align-items:center}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-input-group-addon{border:none;background:transparent;padding:0;display:block;width:auto;border-radius:0 6px 6px 0;overflow:hidden;position:relative}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-input-group-addon .button{border-radius:0}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-input-group-addon:last-child{height:52px;margin-right:-1px;margin-top:-1px;margin-bottom:-1px;background-color:#1dbbb9}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-input-group-addon:last-child .button{background-color:#1dbbb9}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-select{width:132px;height:50px;box-sizing:border-box;border-right:none;background-color:transparent;z-index:3;border-color:transparent;display:block;padding-top:10px;padding-left:1px;margin-left:1px}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-select .ant-select-selection-selected-value{font-size:16px;color:#333b45;font-weight:700}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-select .ant-select-selection__rendered{margin-left:30px}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-select .ant-select-arrow{right:33px;color:#333b45}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-input{flex:1;height:48px;line-height:48px;background-color:transparent;color:#333b45;padding-left:30px;outline:none;border:none;padding-right:185px}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-input:focus{box-shadow:none;border-color:transparent}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-input::-webkit-input-placeholder{color:rgba(51,59,69,.3)}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-input::-moz-placeholder{color:rgba(51,59,69,.3)}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-input:-ms-input-placeholder{color:rgba(51,59,69,.3)}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-input::-ms-input-placeholder{color:rgba(51,59,69,.3)}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .ant-input::placeholder{color:rgba(51,59,69,.3)}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .button{min-width:100px;width:101px;margin-right:-1px;height:52px;margin-top:-1px;margin-bottom:-1px;border:none;outline:none;line-height:48px;color:#fff;display:block;background:#1dbbb9;font-size:16px;cursor:pointer}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .button img{line-height:1;width:18px;height:18px;margin-right:12px}.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .button img,.search-container-wrapper-input[data-v-12fe8354] .ant-input-wrapper .button span{display:inline-block;vertical-align:middle}.search-container-wrapper[data-v-12fe8354] .ant-select-dropdown{text-align:center}.search-container .search-container-wrapper-input[data-v-12fe8354]{position:relative}.search-container .search-scroll-keywords[data-v-12fe8354]{position:absolute;width:453px;left:152px;font-size:14px;font-family:OPPOSans-R,OPPOSans;font-weight:400;color:rgba(51,59,69,.5);height:30px;line-height:30px;top:10px;overflow:hidden;z-index:1}.search-container .search-scroll-keywords .item[data-v-12fe8354]{line-height:30px}.activity-span[data-v-12fe8354]{position:relative;color:red;text-decoration:none!important;cursor:default!important;padding-right:18px;float:left;white-space:nowrap;margin-right:16px}.bestsellers[data-v-71933f18],.margin-0-auto[data-v-71933f18]{width:1200px;margin:0 auto}.bestsellers[data-v-71933f18]{padding-bottom:50px}.bestsellers .bestsellers-title[data-v-71933f18]{font-size:30px;font-family:OPPOSans-B,OPPOSans;font-weight:700;color:#333b45;margin:30px 0}.bestsellers .bestsellers-item[data-v-71933f18]{width:calc(25% - 18px);display:inline-block;position:relative;vertical-align:top}.bestsellers .bestsellers-item+.bestsellers-item[data-v-71933f18]{margin-left:24px}.bestsellers .bestsellers-item[data-v-71933f18]:nth-of-type(4n+1){margin-left:0}.hot[data-v-03d07ad4],.margin-0-auto[data-v-03d07ad4]{width:1200px;margin:0 auto}.hot[data-v-03d07ad4]{padding:50px 0}.hot-title[data-v-03d07ad4]{margin-bottom:30px}.hot-title .title[data-v-03d07ad4]{font-size:30px;font-family:OPPOSans-B,OPPOSans;color:#333b45;line-height:34px;margin-bottom:10px;font-weight:700}.hot-title .title span[data-v-03d07ad4]{color:rgba(51,59,69,.25)}.hot-title .sub-title[data-v-03d07ad4],.hot-title .title span[data-v-03d07ad4]{font-size:16px;font-family:OPPOSans-R,OPPOSans;font-weight:400;line-height:21px}.hot-title .sub-title[data-v-03d07ad4]{color:rgba(51,59,69,.5)}.hot-title .more-playlist[data-v-03d07ad4]{float:right;font-size:16px;font-family:OPPOSans-B,OPPOSans;font-weight:700;color:rgba(51,59,69,.75);line-height:25px;margin-top:-2px;cursor:pointer}.hot-title .more-playlist[data-v-03d07ad4]:hover{text-decoration:underline}.hot .hot-item[data-v-03d07ad4]{width:calc(33.33333% - 20px);height:215px;margin-bottom:30px;display:inline-block;position:relative;vertical-align:top}.hot .hot-item+.hot-item[data-v-03d07ad4]{margin-left:30px}.hot .hot-item[data-v-03d07ad4]:nth-of-type(3n+1){margin-left:0}.margin-0-auto[data-v-96e3a310],.news[data-v-96e3a310]{width:1200px;margin:0 auto}.news[data-v-96e3a310]{padding:50px 0}.news-title[data-v-96e3a310]{margin-bottom:30px}.news-title .title[data-v-96e3a310]{font-size:30px;font-family:OPPOSans-B,OPPOSans;color:#333b45;line-height:34px;margin-bottom:10px;font-weight:700}.news-title .title span[data-v-96e3a310]{font-size:16px;font-family:OPPOSans-R,OPPOSans;font-weight:400;color:rgba(51,59,69,.25);line-height:21px}.news-title .sub-title[data-v-96e3a310]{font-size:16px;font-family:OPPOSans-R,OPPOSans;font-weight:400;color:rgba(51,59,69,.5);line-height:21px}.news-title .more-playlist[data-v-96e3a310]{float:right;font-size:16px;font-family:OPPOSans-B,OPPOSans;font-weight:700;color:rgba(51,59,69,.75);line-height:25px;margin-top:-2px;cursor:pointer}.news-title .more-playlist[data-v-96e3a310]:hover{text-decoration:underline}.news .news-item[data-v-96e3a310]{width:calc(33.33333% - 20px);height:215px;margin-bottom:30px;display:inline-block;position:relative;vertical-align:top}.news .news-item+.news-item[data-v-96e3a310]{margin-left:30px}.news .news-item[data-v-96e3a310]:nth-of-type(3n+1){margin-left:0}.dialog-for-pre-charge[data-v-93621a8e]{position:fixed;top:calc(75% - 280px);right:15px;z-index:700;width:200px;height:190px;background:url(../img/preActive.5912b441.png) no-repeat;background-size:cover;text-align:center}.dialog-for-pre-charge .btn[data-v-93621a8e]{width:102px;height:24px;background:url(../img/btn.03f0d317.png) no-repeat;background-size:cover;margin:0 auto;margin-top:108px}.dialog-for-pre-charge .btn span[data-v-93621a8e]{font-size:12px;font-family:OPPOSans-B,OPPOSans;font-weight:700;color:#ee5437;line-height:24px;letter-spacing:1px;background:linear-gradient(135deg,#f03,#ff5700);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.playlist.app-container[data-v-07a31893]{padding-bottom:100px}.playlist.app-container .bestsellers-for-playlist[data-v-07a31893]{z-index:503}.playlist.app-container .news-for-playlist[data-v-07a31893]{z-index:502}.playlist.app-container .hot-for-playlist[data-v-07a31893]{z-index:501}.playlist.app-container .container[data-v-07a31893]{position:relative}.playlist.app-container .container[data-v-07a31893]:nth-of-type(2n){background-color:#f5f5f7}.playlist.app-container .container[data-v-07a31893]:last-of-type{padding-bottom:20px}