.ec-product-covers-indicator{display:flex;align-items:center;justify-content:center;height:.747rem}.ec-product-covers-indicator__item{width:.16rem;height:.16rem;margin:0 .08rem;background:#bbc2c6;border-radius:50%}.ec-product-covers-indicator__current{background:#fe122d}.ec-product-covers{position:relative;width:10rem;height:10rem;background:rgba(32,36,38,.9)}.ec-product-covers__swiper{width:100%;height:100%}.ec-product-covers__swiper__item{display:flex;align-items:center;justify-content:center;background:rgba(32,36,38,.9)}.ec-product-covers__img{width:10rem;height:10rem}.ec-product-covers__page-numbers{position:absolute;right:.267rem;bottom:.267rem;display:flex;align-items:center;justify-content:center;width:.933rem;height:.587rem;color:#fff;font-size:.32rem;background:rgba(32,36,38,.6);border-radius:.32rem}.ec-product-covers__indicators{position:absolute;bottom:0;left:50%;z-index:9;transform:translateX(-50%)}.ec-product-covers,.ec-product-covers__img{width:auto;height:auto}.ec-product-covers{display:inline-block;background:none}.ec-product-covers__page-numbers{display:none}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.cast-selector{min-height:100vh}.cast-selector .bgm{position:fixed;top:20px;right:20px;z-index:10}.cast-selector .bgm img{width:40px}.cast-selector .bgm .playing{animation:playing 60s linear infinite}@keyframes playing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cast-selector .bg{min-height:100vh;position:relative}.cast-selector .bg .bg-img{width:100%;opacity:.4}.cast-selector .bg .mask{width:100%;height:100px;margin-top:-100px;z-index:1;position:relative}.cast-selector .bg .tip{position:absolute;bottom:16px;text-align:center;color:#fff;left:0;right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 10px}.cast-selector .bg .qrcode-img{position:fixed;bottom:10px;right:10px;width:70px;border-radius:10px;background:#fff;padding:5px;z-index:10}.cast-selector .question-content{position:absolute;top:10px;left:10px;right:10px;bottom:10px;text-align:center;z-index:1}.cast-selector .question-content .title{font-size:18px;color:#fff;margin:30px 0 10px;font-weight:700}.cast-selector .question-content .count{color:#fff;margin-bottom:15px}.cast-selector .question-content .progress{position:relative;width:160px;height:6px;border-radius:100px;margin:0 auto 20px;background-color:hsla(0,0%,100%,.4)}.cast-selector .question-content .progress .bar{background-color:rgba;border-radius:100px;bottom:0;left:0;overflow:hidden;position:absolute;top:0;transition:.5s;background-color:#fff}.cast-selector .question-content .body{background:hsla(0,0%,100%,.95);border-radius:10px;text-align:left;padding:20px;overflow-y:scroll}.cast-selector .question-content .body.download-app .download-title{font-size:16px;margin-bottom:30px;padding:20px 40px}.cast-selector .question-content .body.download-app img{width:60px;border-radius:6px;margin-bottom:5px}.cast-selector .question-content .body.download-app .download-btn{padding:10px 70px;border:1px solid #674cff;color:#674cff;margin-top:20px;display:inline-block;border-radius:6px;font-size:16px}.cast-selector .question-content .body.download-app .download-btn:active{opacity:.6}.cast-selector .question-content .body.join-island{padding:40px 20px;text-align:center}.cast-selector .question-content .body.join-island .join-title{font-size:16px;font-weight:700;margin-bottom:30px}.cast-selector .question-content .body.join-island img{width:60px;border-radius:6px;margin-bottom:5px}.cast-selector .question-content .body.join-island .island-name{font-size:16px;margin-bottom:5px}.cast-selector .question-content .body.join-island .island-join-count{color:#aaa;margin-bottom:10px}.cast-selector .question-content .body.join-island .join-island-btn{padding:10px 70px;border:1px solid #674cff;color:#674cff;margin-top:20px;display:inline-block;border-radius:6px;font-size:16px}.cast-selector .question-content .body.join-island .join-island-btn:active{opacity:.6}.cast-selector .question-content .body .question .question-header-img{margin-bottom:15px}.cast-selector .question-content .body .question .question-header-img img{border-radius:5px;max-height:160px;max-width:100%}.cast-selector .question-content .body .question .question-type{color:#aaa}.cast-selector .question-content .body .question .question-title{font-size:18px;font-weight:700;margin-top:10px}.cast-selector .question-content .body .question .question-audio{margin-top:20px}.cast-selector .question-content .body .question .question-audio .audio-btn{border:2px solid #ff7f5c;border-radius:100px;padding:10px 30px;display:inline-block;color:#ff7f5c;font-weight:700}.cast-selector .question-content .body .question .question-desc{font-size:14px;margin-top:10px;color:#aaa}.cast-selector .question-content .body .question .question-video{margin-top:20px}.cast-selector .question-content .body .question .question-video video{width:100%;border-radius:5px}.cast-selector .question-content .body .question .option-group{margin-top:30px}.cast-selector .question-content .body .question .option-group .main-btn{background-color:#07c160;width:100%;border-radius:4px;text-align:center;padding:15px;font-size:16px;color:#fff}.cast-selector .question-content .body .question .option-group .disable-btn{background-color:#ddd;width:100%;border-radius:4px;text-align:center;padding:15px;font-size:16px;color:#fff}.cast-selector .question-content .body .question .option-group .option-audio{margin-bottom:10px}.cast-selector .question-content .body .question .option-group .option-audio audio{display:inline-block;width:calc(100% - 90px);vertical-align:middle;margin:0 8px}.cast-selector .question-content .body .question .option-group .option-audio .option-text{display:inline-block;padding:10px;min-width:54px;text-align:center}.cast-selector .question-content .body .question .option-group .option-audio .option-text:before{content:"选择"!important;line-height:1;font-style:normal;position:relative;border-right:none}.cast-selector .question-content .body .question .option-group .option-audio:first-of-type:before{content:"A"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(2):before{content:"B"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(3):before{content:"C"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(4):before{content:"D"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(5):before{content:"E"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(6):before{content:"F"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(7):before{content:"G"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(8):before{content:"H"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(9):before{content:"I"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(10):before{content:"J"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(11):before{content:"K"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(12):before{content:"L"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(13):before{content:"M"}.cast-selector .question-content .body .question .option-group .option-audio:nth-of-type(14):before{content:"N"}.cast-selector .question-content .body .question .option-group .option-text{display:block;margin-bottom:15px;font-size:14px;border:1px solid #333;color:#333;padding:15px 15px 15px 64px;border-radius:4px;position:relative}.cast-selector .question-content .body .question .option-group .option-text.disabled{pointer-events:none}.cast-selector .question-content .body .question .option-group .option-text.choose{background-color:#a3efad;animation:right .3s}.cast-selector .question-content .body .question .option-group .option-text.choose:after{content:" ✔︎";color:#07c160}.cast-selector .question-content .body .question .option-group .option-text:before{font-style:italic;position:absolute;top:0;bottom:0;left:0;width:46px;line-height:46px;border-right:1px solid #333;text-align:center}.cast-selector .question-content .body .question .option-group .option-text:first-of-type:before{content:"A"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(2):before{content:"B"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(3):before{content:"C"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(4):before{content:"D"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(5):before{content:"E"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(6):before{content:"F"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(7):before{content:"G"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(8):before{content:"H"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(9):before{content:"I"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(10):before{content:"J"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(11):before{content:"K"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(12):before{content:"L"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(13):before{content:"M"}.cast-selector .question-content .body .question .option-group .option-text:nth-of-type(14):before{content:"N"}.cast-selector .question-content .body .question .option-group .option-text:active{background-color:#f1f1f1}.cast-selector .question-content .body .question .option-group .option-text.click{background-color:#a3efad;animation:right .3s}@keyframes click{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cast-selector .question-content .body .question .option-group .option-image{display:inline-block;width:calc(50% - 10px);margin:0 5px 10px;font-size:14px;border:1px solid #333;color:#333;padding-bottom:5px;border-radius:4px;overflow:hidden}.cast-selector .question-content .body .question .option-group .option-image img{width:100%;pointer-events:none}.cast-selector .question-content .body .question .option-group .option-image.disabled{pointer-events:none}.cast-selector .question-content .body .question .option-group .option-image:after{font-style:italic;margin:0 auto;display:table}.cast-selector .question-content .body .question .option-group .option-image:first-of-type:after{content:"A"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(2):after{content:"B"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(3):after{content:"C"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(4):after{content:"D"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(5):after{content:"E"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(6):after{content:"F"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(7):after{content:"G"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(8):after{content:"H"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(9):after{content:"I"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(10):after{content:"J"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(11):after{content:"K"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(12):after{content:"L"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(13):after{content:"M"}.cast-selector .question-content .body .question .option-group .option-image:nth-of-type(14):after{content:"N"}.cast-selector .question-content .body .question .option-group .option-image:active{background-color:#f1f1f1}.cast-selector .question-content .body .question .option-group .option-image.right{background-color:#a3efad;animation:right .3s}.cast-selector .question-content .body .question .option-group .option-image.right:after{content:"✔︎";color:#07c160}@keyframes right{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cast-selector .question-content .body .question .option-group .option-image.wrong{background-color:#f7cfcf;animation:wrong .3s}.cast-selector .question-content .body .question .option-group .option-image.wrong:after{content:"✘";color:#fa5151}@keyframes wrong{0%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-10px)}80%{transform:translateX(10px)}to{transform:translateX(0)}}.cast-selector .final{position:absolute;top:20px;left:20px;right:20px;z-index:1;transition:all .5s ease;border:1px solid hsla(0,0%,100%,.6);padding:10px 10px 40px;color:#fff;text-align:center;overflow-y:scroll;max-height:calc(100% - 70px)}.cast-selector .final .user{position:relative;padding:20px 20px 0;text-align:left}.cast-selector .final .user .avatar{width:36px;height:36px;border-radius:20px;vertical-align:middle;margin-right:6px}.cast-selector .final .user .nickname{vertical-align:middle;font-size:17px}.cast-selector .final .user .subtitle{margin-top:10px}.cast-selector .final .result{padding:20px 0 10px;background-color:rgba(0,0,0,.2);margin:20px;border-radius:8px}.cast-selector .final .result .name{font-size:21px;position:relative;z-index:1;padding:0 10px}.cast-selector .final .result .name:after,.cast-selector .final .result .name:before{font-size:30px;top:-7px;z-index:-1;font-weight:700;color:#fff;opacity:.3}.cast-selector .final .result .name:before{content:"“"}.cast-selector .final .result .name:after{content:"”"}.cast-selector .final .result .desc{padding:20px;opacity:.7;text-align:left;line-height:1.5;white-space:pre-line}.cast-selector .final .tip-wrap{padding:20px 110px 20px 20px;background-color:rgba(0,0,0,.2);margin:20px;border-radius:8px;text-align:left;position:relative}.cast-selector .final .tip-wrap .tip-btn{background-color:#ff8a68;border-radius:4px;padding:5px 10px;margin-left:15px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.cast-selector .final .score{margin:20px;border-radius:8px}.cast-selector .final .score .multi-cast{text-align:left;margin-bottom:10px;position:relative;padding-left:5px}.cast-selector .final .score .multi-cast .multi-name{font-size:25px;font-weight:700}.cast-selector .final .score .multi-cast .multi-name:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;border-radius:2px;background-image:linear-gradient(90deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0))}.cast-selector .final .score .multi-cast .percent{margin-left:10px;font-style:italic}.cast-selector .final .score .cast-cover{margin-bottom:30px}.cast-selector .final .score .cast-cover img{width:100%;border-radius:10px}.cast-selector .final .score .multi-cover-group{overflow-y:scroll;margin:20px -30px}.cast-selector .final .score .multi-cover-group .multi-cover{text-align:left;width:-moz-max-content;width:max-content;padding:0 30px}.cast-selector .final .score .multi-cover-group .multi-cover .cover{max-width:30px;display:inline-block;margin-left:-6px}.cast-selector .final .score .multi-cover-group .multi-cover .cover:first-of-type{max-width:110px;margin-left:0}.cast-selector .final .score .multi-cover-group .multi-cover .cover:nth-of-type(2){max-width:90px}.cast-selector .final .score .multi-cover-group .multi-cover .cover:nth-of-type(3){max-width:70px}.cast-selector .final .score .multi-cover-group .multi-cover .cover:nth-of-type(4){max-width:50px}.cast-selector .final .score .multi-cover-group .multi-cover .cover img{width:100%;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:10px}.cast-selector .final .score .subtitle{border-left:4px solid #fff;padding-left:6px;line-height:1;font-size:15px;margin-bottom:10px;text-align:left}.cast-selector .final .score .name{margin-bottom:20px;color:#fff;position:relative;font-size:24px;display:inline-block}.cast-selector .final .score .name:after,.cast-selector .final .score .name:before{position:absolute;display:block;width:60px;height:.5px;content:"";top:14px}.cast-selector .final .score .name:after{right:-75px;background:linear-gradient(90deg,#fff,transparent)}.cast-selector .final .score .name:before{left:-75px;background:linear-gradient(270deg,#fff,transparent)}.cast-selector .final .score .desc{text-align:left;white-space:pre-line;opacity:.7;margin-bottom:10px}.cast-selector .final .score .cast-audio{margin:10px 0 20px}.cast-selector .final .score .cast-audio audio{width:100%;max-width:300px}.cast-selector .final .badge{padding-bottom:20px}.cast-selector .final .badge img{height:50px}.cast-selector .final .badge .intro{font-size:12px;color:#999;margin-top:10px}.cast-selector .final .shelf-list{background-color:rgba(0,0,0,.4);color:#fff;border-radius:10px;padding:15px 0;overflow-y:hidden;margin:0 20px}.cast-selector .final .shelf-list .title{font-size:17px;font-weight:700;text-align:left;margin-bottom:20px;padding:0 15px}.cast-selector .final .shelf-list .title span{float:right;font-weight:400;font-size:12px;line-height:17px;opacity:.6}.cast-selector .final .shelf-list .shelf-wrap{overflow-y:scroll}.cast-selector .final .shelf-list .shelf-wrap .shelf-group{width:-moz-max-content;width:max-content;padding:0 10px}.cast-selector .final .shelf-list .shelf-wrap .shelf-group .shelf{width:70px;display:inline-block;vertical-align:top}.cast-selector .final .shelf-list .shelf-wrap .shelf-group .shelf img{width:50px;height:50px;border-radius:100px}.cast-selector .final .shelf-list .shelf-wrap .shelf-group .shelf .name{font-size:12px;padding:3px 3px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}