.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}.quiz{min-height:100vh}.quiz .bgm{position:fixed;top:20px;right:20px;z-index:10}.quiz .bgm img{width:40px}.quiz .bgm .playing{animation:playing 60s linear infinite}@keyframes playing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.quiz .bg{min-height:100vh;position:relative}.quiz .bg .bg-img{width:100%;opacity:.4}.quiz .bg .mask{width:100%;height:100px;margin-top:-100px;z-index:1;position:relative}.quiz .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}.quiz .bg .qrcode-img{position:fixed;bottom:10px;right:10px;width:70px;border-radius:10px;background:#fff;padding:5px;z-index:10}.quiz .question-content{position:absolute;top:10px;left:10px;right:10px;bottom:10px;text-align:center;z-index:1}.quiz .question-content .title{font-size:18px;color:#fff;margin:30px 0 10px;font-weight:700}.quiz .question-content .count{color:#fff;margin-bottom:15px}.quiz .question-content .progress{position:relative;width:160px;height:6px;border-radius:100px;margin:0 auto 20px;background-color:hsla(0,0%,100%,.4)}.quiz .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}.quiz .question-content .body{background:hsla(0,0%,100%,.95);border-radius:10px;text-align:left;padding:20px;overflow-y:scroll}.quiz .question-content .body.join-island{padding:40px 20px;text-align:center}.quiz .question-content .body.join-island .join-title{font-size:16px;font-weight:700;margin-bottom:30px}.quiz .question-content .body.join-island img{width:60px;border-radius:6px;margin-bottom:5px}.quiz .question-content .body.join-island .island-name{font-size:16px;margin-bottom:5px}.quiz .question-content .body.join-island .island-join-count{color:#aaa;margin-bottom:10px}.quiz .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}.quiz .question-content .body.join-island .join-island-btn:active{opacity:.6}.quiz .question-content .body .question .question-header-img{margin-bottom:15px}.quiz .question-content .body .question .question-header-img img{border-radius:5px;max-height:160px;max-width:100%}.quiz .question-content .body .question .question-type{color:#aaa}.quiz .question-content .body .question .question-title{font-size:18px;font-weight:700;margin-top:10px}.quiz .question-content .body .question .question-desc{font-size:14px;margin-top:10px;color:#aaa}.quiz .question-content .body .question .question-audio{margin-top:20px}.quiz .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}.quiz .question-content .body .question .question-video{margin-top:20px}.quiz .question-content .body .question .question-video video{width:100%;border-radius:5px}.quiz .question-content .body .question .option-group{margin-top:30px}.quiz .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}.quiz .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}.quiz .question-content .body .question .option-group .option-audio{margin-bottom:10px}.quiz .question-content .body .question .option-group .option-audio audio{display:inline-block;width:calc(100% - 90px);vertical-align:middle;margin:0 8px}.quiz .question-content .body .question .option-group .option-audio .option-text{display:inline-block;padding:10px;min-width:54px;text-align:center}.quiz .question-content .body .question .option-group .option-audio .option-text:before{content:"选择"!important;line-height:1;font-style:normal;position:relative;border-right:none}.quiz .question-content .body .question .option-group .option-audio:first-of-type:before{content:"A"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(2):before{content:"B"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(3):before{content:"C"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(4):before{content:"D"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(5):before{content:"E"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(6):before{content:"F"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(7):before{content:"G"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(8):before{content:"H"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(9):before{content:"I"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(10):before{content:"J"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(11):before{content:"K"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(12):before{content:"L"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(13):before{content:"M"}.quiz .question-content .body .question .option-group .option-audio:nth-of-type(14):before{content:"N"}.quiz .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}.quiz .question-content .body .question .option-group .option-text.disabled{pointer-events:none}.quiz .question-content .body .question .option-group .option-text.choose{background-color:#a3efad;animation:right .3s}.quiz .question-content .body .question .option-group .option-text.choose:after{content:"";color:#07c160}.quiz .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}.quiz .question-content .body .question .option-group .option-text:first-of-type:before{content:"A"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(2):before{content:"B"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(3):before{content:"C"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(4):before{content:"D"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(5):before{content:"E"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(6):before{content:"F"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(7):before{content:"G"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(8):before{content:"H"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(9):before{content:"I"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(10):before{content:"J"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(11):before{content:"K"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(12):before{content:"L"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(13):before{content:"M"}.quiz .question-content .body .question .option-group .option-text:nth-of-type(14):before{content:"N"}.quiz .question-content .body .question .option-group .option-text:active{background-color:#f1f1f1}.quiz .question-content .body .question .option-group .option-text.right{background-color:#a3efad;animation:right .3s}.quiz .question-content .body .question .option-group .option-text.right:before{content:"✔︎"!important;color:#07c160}.quiz .question-content .body .question .option-group .option-text.wrong{background-color:#f7cfcf;animation:wrong .3s}.quiz .question-content .body .question .option-group .option-text.wrong:before{content:"✘"!important;color:#fa5151}.quiz .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}.quiz .question-content .body .question .option-group .option-image img{width:100%;pointer-events:none}.quiz .question-content .body .question .option-group .option-image.single-grid{width:100%}.quiz .question-content .body .question .option-group .option-image.disabled{pointer-events:none}.quiz .question-content .body .question .option-group .option-image.choose{background-color:#a3efad;animation:right .3s}.quiz .question-content .body .question .option-group .option-image.choose:after{content:"";color:#07c160}.quiz .question-content .body .question .option-group .option-image:after{font-style:italic;margin:0 auto;display:table}.quiz .question-content .body .question .option-group .option-image:first-of-type:after{content:"A"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(2):after{content:"B"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(3):after{content:"C"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(4):after{content:"D"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(5):after{content:"E"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(6):after{content:"F"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(7):after{content:"G"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(8):after{content:"H"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(9):after{content:"I"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(10):after{content:"J"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(11):after{content:"K"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(12):after{content:"L"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(13):after{content:"M"}.quiz .question-content .body .question .option-group .option-image:nth-of-type(14):after{content:"N"}.quiz .question-content .body .question .option-group .option-image:active{background-color:#f1f1f1}.quiz .question-content .body .question .option-group .option-image.right{background-color:#a3efad;animation:right .3s}.quiz .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)}}.quiz .question-content .body .question .option-group .option-image.wrong{background-color:#f7cfcf;animation:wrong .3s}.quiz .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)}}.quiz .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)}.quiz .final .user{position:relative;border-top:3px solid #fff;padding:20px 20px 0;text-align:left}.quiz .final .user:before{content:"";background-color:#fff;height:1px;width:100%;margin-bottom:3px;position:absolute;top:3px;left:0}.quiz .final .user .avatar{width:36px;height:36px;border-radius:20px;vertical-align:middle;margin-right:6px}.quiz .final .user .nickname{vertical-align:middle;font-size:17px}.quiz .final .user .subtitle{margin-top:10px}.quiz .final .result{padding:20px 0 10px;background-color:rgba(0,0,0,.2);margin:15px;border-radius:8px}.quiz .final .result .name{font-size:21px;position:relative;z-index:1;padding:0 10px}.quiz .final .result .name:after,.quiz .final .result .name:before{font-size:30px;top:-7px;z-index:-1;font-weight:700;color:#fff;opacity:.3}.quiz .final .result .name:before{content:"“"}.quiz .final .result .name:after{content:"”"}.quiz .final .result .desc{padding:20px;opacity:.7;text-align:left;line-height:1.5;white-space:pre-line}.quiz .final .tip-wrap{padding:20px 110px 20px 20px;background-color:rgba(0,0,0,.2);margin:15px;border-radius:8px;text-align:left;position:relative}.quiz .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%)}.quiz .final .score{padding:20px 0 30px;background-color:rgba(0,0,0,.2);margin:15px;border-radius:8px}.quiz .final .score .number{position:relative;font-size:50px;color:#ff8a68;font-style:italic;font-family:Yuanti sc}.quiz .final .score .number:after{content:"";background-image:url(https://cdn.qiandaoapp.com/interior/images/6c0ece78ede4916bbcac08bd95df5c43.png);background-size:63px;width:63px;height:16px;position:absolute;bottom:-16px;left:50%;margin-left:-32px}.quiz .final .score .info{margin-top:40px;color:#ff8a68;position:relative;display:inline-block}.quiz .final .score .info:after,.quiz .final .score .info:before{position:absolute;display:block;width:60px;height:.5px;content:"";top:8px}.quiz .final .score .info:after{right:-75px;background:linear-gradient(90deg,#ff8a68,transparent)}.quiz .final .score .info:before{left:-75px;background:linear-gradient(270deg,#ff8a68,transparent)}.quiz .final .badge{padding-bottom:20px}.quiz .final .badge img{height:50px}.quiz .final .badge .intro{font-size:12px;color:hsla(0,0%,100%,.6);margin-top:10px}.quiz .final .share .btn{padding:10px 70px;background-color:#fff;margin-top:20px;display:inline-block;border-radius:6px;font-size:16px}.quiz .final .share .btn:active{opacity:.6}.quiz .modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:10}.quiz .modal .tip{background-color:#fff;position:fixed;top:10px;right:17px;padding:10px;border-radius:5px;font-size:17px}.quiz .modal .tip:after,.quiz .modal .tip:before{position:absolute;display:block;width:0;height:0;border:3px solid #fff;content:""}.quiz .modal .tip:after{right:40%;bottom:100%;border-top-color:transparent;border-left-color:transparent}.quiz .modal .tip:before{bottom:100%;left:60%;border-top-color:transparent;border-right-color:transparent}.quiz .fill-blank{margin-top:30px}.quiz .fill-blank input{width:100%;padding:15px;border:1px solid #333;border-radius:4px;font-size:16px;margin-bottom:15px}.quiz .fill-blank input:disabled{background-color:#f5f5f5}.quiz .fill-blank .main-btn{background-color:#07c160}.quiz .fill-blank .disable-btn,.quiz .fill-blank .main-btn{width:100%;border-radius:4px;text-align:center;padding:15px;font-size:16px;color:#fff}.quiz .fill-blank .disable-btn{background-color:#ddd}