.page-index[data-v-ed433956]{background-color:#fff}@media screen and (min-width:1001px){.banner[data-v-ed433956]{background:linear-gradient(180deg,rgba(62,185,96,.4),rgba(62,185,96,0) 85%),url(//js.yoyosound.com/client/img/banner.98b143e.png) center 60px/1033px 115px no-repeat;height:400px;margin-top:0;padding-top:72px;position:relative;width:100%;z-index:2}.banner>.slogan[data-v-ed433956]{color:#1a1a1a;font-family:LINESeedSansBd;font-size:42px;line-height:49px}.banner .slogan-p[data-v-ed433956],.banner>.slogan[data-v-ed433956]{pointer-events:none;text-align:center}.banner .slogan-p[data-v-ed433956]{color:rgba(0,0,0,.6);font-size:22px;font-weight:400;line-height:26px;margin-top:4px}.banner>.search-box[data-v-ed433956]{height:60px;margin:32px auto 0;width:620px;z-index:14}.banner>.search-box>.search-input[data-v-ed433956]{height:60px;position:relative;transition:all .2s}.banner>.search-box>.search-input .icon-sousuo[data-v-ed433956]{color:#c4c4c4;font-size:23px;left:30px;position:absolute;top:20px}.banner>.search-box>.search-input .btn-del-kw[data-v-ed433956]{color:#cdced5;font-size:12px;position:absolute;right:24px;top:25px}.banner>.search-box>.search-input .btn-del-kw[data-v-ed433956]:hover{color:#747475}.banner>.search-box>.search-input[data-v-ed433956]>input{background:hsla(0,0%,100%,.6);border:1px solid transparent;border-radius:16px;color:#2e2e2e;font-size:16px;font-weight:400;height:100%;padding:0 10px 0 66px;width:620px}.banner>.search-box>.search-input[data-v-ed433956]>input:focus{border-color:#3eb960}.banner>.search-box>.search-input[data-v-ed433956]>input:focus~#search-drop{display:block}.banner>.search-box>.search-input[data-v-ed433956]>input::-webkit-input-placeholder{color:#6b6d81}.banner>.search-box>.search-input[data-v-ed433956]>input:-moz-placeholder,.banner>.search-box>.search-input[data-v-ed433956]>input::-moz-placeholder{color:#6b6d81;opacity:1}.banner>.search-box>.search-input[data-v-ed433956]>input::-ms-input-placeholder{color:#6b6d81}.banner>.search-box>.search-input[data-v-ed433956] #search-drop{display:none;top:64px;width:100%}.banner .super[data-v-ed433956]{justify-content:space-evenly;margin:50px auto 0;width:1033px}.banner .super li .iconfont[data-v-ed433956]{color:#3eb960;font-size:34px;margin-top:5px}.banner .super li .text[data-v-ed433956]{margin-left:12px}.banner .super li .text .title[data-v-ed433956]{color:#000;font-size:18px;font-weight:800;line-height:21px}.banner .super li .text .sub[data-v-ed433956]{color:rgba(0,0,0,.5);margin-top:4px}.genres[data-v-ed433956],.moods[data-v-ed433956]{margin-top:60px}.genres .module-title[data-v-ed433956],.moods .module-title[data-v-ed433956]{justify-content:space-between}.genres .module-title .title[data-v-ed433956],.moods .module-title .title[data-v-ed433956]{color:#000;font-family:LINESeedSansBd;font-size:30px;line-height:35px}.genres .module-title .swiper-icon .arrow-left[data-v-ed433956],.genres .module-title .swiper-icon .arrow-right[data-v-ed433956],.moods .module-title .swiper-icon .arrow-left[data-v-ed433956],.moods .module-title .swiper-icon .arrow-right[data-v-ed433956]{color:#999;font-size:30px;margin-left:20px}.genres .module-title .swiper-icon .arrow-left[data-v-ed433956]:hover,.genres .module-title .swiper-icon .arrow-right[data-v-ed433956]:hover,.moods .module-title .swiper-icon .arrow-left[data-v-ed433956]:hover,.moods .module-title .swiper-icon .arrow-right[data-v-ed433956]:hover{color:#2e2e2e}.genres .module-title .swiper-icon .my-button-disabled[data-v-ed433956],.moods .module-title .swiper-icon .my-button-disabled[data-v-ed433956]{color:#d9d9d9;cursor:not-allowed}.genres .module-title .swiper-icon .my-button-disabled[data-v-ed433956]:hover,.moods .module-title .swiper-icon .my-button-disabled[data-v-ed433956]:hover{color:#d9d9d9}.genres .tag-box[data-v-ed433956],.moods .tag-box[data-v-ed433956]{height:180px;margin-top:20px}.genres .tag-box .tag-list[data-v-ed433956],.moods .tag-box .tag-list[data-v-ed433956]{overflow:hidden;position:relative}.genres .tag-box .tag-list li[data-v-ed433956],.moods .tag-box .tag-list li[data-v-ed433956]{height:180px;margin-right:24px;width:180px}.genres .tag-box .tag-list li>a[data-v-ed433956],.moods .tag-box .tag-list li>a[data-v-ed433956]{border-radius:50%;display:block;height:180px;overflow:hidden;width:180px}.genres .tag-box .tag-list li>a:hover .cover[data-v-ed433956],.moods .tag-box .tag-list li>a:hover .cover[data-v-ed433956]{transform:scale(1.1)}.genres .tag-box .tag-list li>a:hover .title[data-v-ed433956],.moods .tag-box .tag-list li>a:hover .title[data-v-ed433956]{background:rgba(0,0,0,.2)}.genres .tag-box .tag-list li .cover[data-v-ed433956],.moods .tag-box .tag-list li .cover[data-v-ed433956]{height:100%;width:100%}.genres .tag-box .tag-list li .title[data-v-ed433956],.moods .tag-box .tag-list li .title[data-v-ed433956]{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-size:24px;font-weight:800;height:180px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:180px}.moods[data-v-ed433956]{margin-top:100px}.music[data-v-ed433956],.sound[data-v-ed433956]{margin-top:140px}.music .module-title .title[data-v-ed433956],.sound .module-title .title[data-v-ed433956]{color:#000;font-family:LINESeedSansBd;font-size:30px;font-weight:800;line-height:35px;text-align:center}.music .more[data-v-ed433956],.sound .more[data-v-ed433956]{color:#2e2e2e;font-size:16px;margin-top:32px;text-align:center}.music .more .iconfont[data-v-ed433956],.sound .more .iconfont[data-v-ed433956]{margin-left:6px}.music .more[data-v-ed433956]:hover,.sound .more[data-v-ed433956]:hover{color:#3eb960}.sound .module-title[data-v-ed433956]{margin-bottom:36px}.sound .more[data-v-ed433956]{margin-top:27px}.FQA[data-v-ed433956]{padding:130px 0}.FQA .fqa-list li[data-v-ed433956]{margin-bottom:30px}.FQA .fqa-list li .ask[data-v-ed433956]{align-items:center;background:#f6f6f7;border-radius:22px;color:#000;cursor:pointer;font-size:24px;justify-content:space-between;line-height:80px;min-height:80px;padding:0 40px 0 30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.FQA .fqa-list li .ask em[data-v-ed433956]{display:block}.FQA .fqa-list li .ask .icon1[data-v-ed433956],.FQA .fqa-list li .ask .icon2[data-v-ed433956]{background:grey;border-radius:1px;display:block;height:2px;width:23px}.FQA .fqa-list li .ask .icon2[data-v-ed433956]{margin-top:-2px;transform:rotate(-90deg);transition:all .2s}.FQA .fqa-list li .ask[data-v-ed433956]:hover{color:#3eb960}.FQA .fqa-list li .answer[data-v-ed433956]{color:#6b6d81;font-size:18px;height:0;line-height:26px;overflow:hidden;padding:0 30px}.FQA .fqa-list li.on .ask[data-v-ed433956]{color:#3eb960}.FQA .fqa-list li.on .ask .icon2[data-v-ed433956]{transform:rotate(0deg)}.FQA .fqa-list li.on .answer[data-v-ed433956]{height:auto;padding:17px 30px}.evaluate[data-v-ed433956]{padding-bottom:58px}.evaluate .module-title .title[data-v-ed433956]{color:#000;font-family:LINESeedSansBd;font-size:30px;line-height:35px;text-align:center}.evaluate .user-ls[data-v-ed433956]{justify-content:space-between;margin-top:56px}.evaluate .user-ls li[data-v-ed433956]{background:#f6f6f7;border-radius:18px;height:410px;padding:22px 26px;width:373px}.evaluate .user-ls li .avatar[data-v-ed433956]{position:absolute;top:-20px}.evaluate .user-ls li .name[data-v-ed433956]{color:#000;font-family:LINESeedSansBd;font-size:20px;font-weight:800;margin-left:95px}.evaluate .user-ls li .content[data-v-ed433956]{color:#6b6d81;font-size:16px;line-height:28px;margin-top:26px}}@media screen and (max-width:1000px){.page-index[data-v-ed433956]{width:100%}.page-index .banner[data-v-ed433956]{background:linear-gradient(180deg,rgba(62,185,96,.4),rgba(62,185,96,0) 85%),url(//js.yoyosound.com/client/img/mobile-banner.101f6f4.png) center 12px/352px 40px no-repeat;height:250px;padding:44px 20px 0}.page-index .banner .slogan[data-v-ed433956]{color:#1a1a1a;font-family:LINESeedSansBd;font-size:30px;line-height:34px;pointer-events:none;text-align:center}.page-index .banner .slogan-p[data-v-ed433956]{color:rgba(0,0,0,.6);font-size:14px;line-height:19px;margin-top:8px;pointer-events:none;text-align:center}.page-index .banner .search-box[data-v-ed433956]{display:none}.page-index .banner .super[data-v-ed433956]{justify-content:space-between;margin-top:25px;width:100%}.page-index .banner .super li[data-v-ed433956]{align-items:center;flex-direction:column}.page-index .banner .super li .iconfont[data-v-ed433956]{color:#3eb960;font-size:26px;margin-top:5px}.page-index .banner .super li .text .title[data-v-ed433956]{color:#000;font-size:12px;font-weight:400;line-height:21px}.page-index .banner .super li .text .sub[data-v-ed433956]{display:none}.page-index .genres[data-v-ed433956],.page-index .moods[data-v-ed433956]{margin-top:60px;padding-left:20px;width:100%}.page-index .genres .module-title .title[data-v-ed433956],.page-index .moods .module-title .title[data-v-ed433956]{color:#000;font-family:LINESeedSansBd;font-size:20px;line-height:35px}.page-index .genres .swiper-icon[data-v-ed433956],.page-index .moods .swiper-icon[data-v-ed433956]{display:none}.page-index .genres .tag-box[data-v-ed433956],.page-index .moods .tag-box[data-v-ed433956]{display:block;height:70px;margin-top:12px;white-space:nowrap}.page-index .genres .tag-box .translate[data-v-ed433956],.page-index .moods .tag-box .translate[data-v-ed433956]{overflow-x:auto}.page-index .genres .tag-box .translate[data-v-ed433956]::-webkit-scrollbar,.page-index .moods .tag-box .translate[data-v-ed433956]::-webkit-scrollbar{display:none}.page-index .genres .tag-box li[data-v-ed433956],.page-index .moods .tag-box li[data-v-ed433956]{height:70px;margin-right:12px;width:120px}.page-index .genres .tag-box li a[data-v-ed433956],.page-index .moods .tag-box li a[data-v-ed433956]{border-radius:190px;display:inline-block;height:70px;overflow:hidden;position:relative;width:120px}.page-index .genres .tag-box li a .cover[data-v-ed433956],.page-index .moods .tag-box li a .cover[data-v-ed433956]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.page-index .genres .tag-box li a .title[data-v-ed433956],.page-index .moods .tag-box li a .title[data-v-ed433956]{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-size:14px;font-weight:800;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.page-index .moods[data-v-ed433956]{margin-top:40px}.page-index .music[data-v-ed433956],.page-index .sound[data-v-ed433956]{margin-top:60px;padding:0 20px;width:100%}.page-index .music .module-title[data-v-ed433956],.page-index .sound .module-title[data-v-ed433956]{margin:0}.page-index .music .module-title .title[data-v-ed433956],.page-index .sound .module-title .title[data-v-ed433956]{color:#000;font-family:LINESeedSansBd;font-size:20px;line-height:35px;text-align:left}.page-index .music .more[data-v-ed433956],.page-index .sound .more[data-v-ed433956]{color:#2e2e2e;font-size:14px;margin-top:20px;text-align:center}.page-index .FQA[data-v-ed433956]{padding:50px 0;width:100%}.page-index .FQA .fqa-list[data-v-ed433956]{padding:0 20px}.page-index .FQA .fqa-list li[data-v-ed433956]{margin-bottom:16px}.page-index .FQA .fqa-list li .ask[data-v-ed433956]{align-items:center;background:#f6f6f7;border-radius:12px;color:#2e2e2e;font-size:14px;font-weight:700;justify-content:space-between;line-height:22px;min-height:50px;padding:14px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.page-index .FQA .fqa-list li .ask em[data-v-ed433956]{display:block}.page-index .FQA .fqa-list li .ask .icon1[data-v-ed433956],.page-index .FQA .fqa-list li .ask .icon2[data-v-ed433956]{background:grey;border-radius:1px;display:block;height:2px;width:13px}.page-index .FQA .fqa-list li .ask .icon2[data-v-ed433956]{margin-top:-2px;transform:rotate(-90deg);transition:all .2s}.page-index .FQA .fqa-list li .ask[data-v-ed433956]:hover{color:#3eb960}.page-index .FQA .fqa-list li .answer[data-v-ed433956]{color:#6b6d81;font-size:14px;height:0;line-height:26px;overflow:hidden;padding:0 16px}.page-index .FQA .fqa-list li.on .ask[data-v-ed433956]{color:#3eb960}.page-index .FQA .fqa-list li.on .ask .icon2[data-v-ed433956]{transform:rotate(0deg)}.page-index .FQA .fqa-list li.on .answer[data-v-ed433956]{height:auto;padding:16px}.page-index .evaluate[data-v-ed433956]{padding:0 20px 50px;width:100%}.page-index .evaluate .module-title[data-v-ed433956]{margin:0}.page-index .evaluate .module-title .title[data-v-ed433956]{color:#000;font-family:LINESeedSansBd;font-size:20px;line-height:35px;text-align:left}.page-index .evaluate .user-ls[data-v-ed433956]{margin-top:20px;overflow-x:auto}.page-index .evaluate .user-ls[data-v-ed433956]::-webkit-scrollbar{height:0;width:0}.page-index .evaluate .user-ls li[data-v-ed433956]{background:#f6f6f7;border-radius:18px;flex-shrink:0;height:432px;margin-right:20px;padding:21px 18px;width:286px}.page-index .evaluate .user-ls li .avatar[data-v-ed433956]{height:34px;position:absolute;top:16px;width:34px}.page-index .evaluate .user-ls li .name[data-v-ed433956]{color:#000;font-family:LINESeedSansBd;font-size:18px;margin-left:47px}.page-index .evaluate .user-ls li .content[data-v-ed433956]{color:#6b6d81;font-size:14px;line-height:28px;margin-top:13px}}