.m-color-container{height:100%}.m-color-container .color-item{padding:0 .44rem;width:100%;min-height:100%;text-align:center;background-color:#262626;transition:all .5s ease}.m-color-container .color-item.page-slide-up{-webkit-animation:page-slide-up .5s 0s ease;animation:page-slide-up .5s 0s ease}.m-color-container .color-item.c-main-page{padding-bottom:.4rem}.m-color-container .color-item.c-ques-page{padding:0;padding-bottom:.4rem;transform:translateY(100%);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.m-color-container .color-item.c-loading-page{min-height:unset;height:100%}.m-color-container .color-item.c-result-page{padding-bottom:.4rem}.m-color-container .shein-logo{padding-top:1.5rem;padding-bottom:1.1rem}.m-color-container .shein-logo__i{font-size:48px;color:#fff}[data-dpr="1"] .m-color-container .shein-logo__i{font-size:24px}[data-dpr="3"] .m-color-container .shein-logo__i{font-size:72px}.m-color-container .color-share{position:fixed;bottom:0;width:10rem;margin:0 auto;transition:all .5s ease;background:#fff}.m-color-container .share-list{padding:.4rem;display:flex;display:-ms-flexbox}.m-color-container .share-list+.share-list{border-top:1px solid #e5e5e5}.m-color-container .share-list li{width:1.5rem;text-align:center;margin:0 .32rem}.m-color-container .share-list a{display:block;text-decoration:none;color:#222}.m-color-container .share-list img{width:100%;display:block;margin-bottom:.08rem}.c-main-page{background-color:#262626}.c-main-page img{width:100%}.c-main-page .title-img{padding:0 .4rem;min-height:4.84rem}.c-main-page .color-icon{margin-top:.8rem;padding:0 2.68rem;min-height:3.64rem}.c-main-page .just-now{margin-top:1.52rem}.c-main-page .just-now__btn{color:#222;background-color:#fed864;height:1.08rem;line-height:1.08rem;border-radius:.3rem;min-width:5rem;font-size:40px}[data-dpr="1"] .c-main-page .just-now__btn{font-size:20px}[data-dpr="3"] .c-main-page .just-now__btn{font-size:60px}.c-ques-page{text-align:center}.c-ques-page img{width:100%}.c-ques-page__content{margin-top:.8rem;margin-bottom:.8rem;padding:0 1rem;text-align:left}.c-ques-page .qs-title{margin-bottom:.8rem;font-size:40px;font-weight:700}[data-dpr="1"] .c-ques-page .qs-title{font-size:20px}[data-dpr="3"] .c-ques-page .qs-title{font-size:60px}.c-ques-page .qs-item{display:flex;display:-ms-flexbox;font-size:32px}[data-dpr="1"] .c-ques-page .qs-item{font-size:16px}[data-dpr="3"] .c-ques-page .qs-item{font-size:48px}.c-ques-page .qs-item+.qs-item{margin-top:.48rem}.c-ques-page .ac-color-radio{margin-top:.1rem;margin-right:.24rem;flex-shrink:0}.c-ques-page__btn{padding:0 .4rem;min-width:3.32rem;height:.96rem;line-height:.96rem;font-size:32px;text-align:center;border-radius:.3rem}[data-dpr="1"] .c-ques-page__btn{font-size:16px}[data-dpr="3"] .c-ques-page__btn{font-size:48px}.ques-color-0{color:#fed864}.ques-color-0 .c-ques-page__btn{color:#222;background-color:#fed864}.ques-color-0 .ac-color-radio__item:checked+span{background:#fed864}.ques-color-1{color:#b6dcab}.ques-color-1 .c-ques-page__btn{color:#222;background-color:#b6dcab}.ques-color-1 .ac-color-radio__item:checked+span{background:#b6dcab}.ques-color-2{color:#f689b7}.ques-color-2 .c-ques-page__btn{color:#222;background-color:#f689b7}.ques-color-2 .ac-color-radio__item:checked+span{background:#f689b7}.ques-color-3{color:#b2baee}.ques-color-3 .c-ques-page__btn{color:#222;background-color:#b2baee}.ques-color-3 .ac-color-radio__item:checked+span{background:#b2baee}.ques-color-4{color:#fc5e75}.ques-color-4 .c-ques-page__btn{color:#222;background-color:#fc5e75}.ques-color-4 .ac-color-radio__item:checked+span{background:#fc5e75}.ques-color-5{color:#99dfd5}.ques-color-5 .c-ques-page__btn{color:#222;background-color:#99dfd5}.ques-color-5 .ac-color-radio__item:checked+span{background:#99dfd5}.ques-color-6{color:#fdad47}.ques-color-6 .c-ques-page__btn{color:#222;background-color:#fdad47}.ques-color-6 .ac-color-radio__item:checked+span{background:#fdad47}.ques-color-7{color:#7cb9d6}.ques-color-7 .c-ques-page__btn{color:#222;background-color:#7cb9d6}.ques-color-7 .ac-color-radio__item:checked+span{background:#7cb9d6}.c-result-page{position:relative;font-family:Barlow;font-weight:400;color:#fff}.c-result-page.bg-green{background-color:#7ee0a9}.c-result-page.bg-blue{background-color:#76bcf4}.c-result-page.bg-orange{background-color:#fd9065}.c-result-page.bg-yellow{background-color:#fec55c}.c-result-page.bg-pink{background-color:#fd8aa4}.c-result-page.bg-white{background-color:#f9f8f4;color:#727171}.c-result-page.bg-white .shein-logo__i{color:#000}.c-result-page.bg-white .share-btn{background-image:url(/pwa_dist/images/ac-color/share-white-92d946c019.png);background-size:contain;background-repeat:no-repeat}.c-result-page.bg-black{background-color:#424242}.c-result-page.bg-purple{background-color:#a25f8e}.c-result-page .share-btn{position:absolute;right:.4rem;top:1.2rem;width:.8rem;height:.8rem;background-image:url(/pwa_dist/images/ac-color/share-2cc1695be2.png);background-size:contain;background-repeat:no-repeat;z-index:9;cursor:pointer}.c-result-page .re-content .lucky-des{font-size:58px;font-weight:600;text-transform:uppercase;line-height:1}[data-dpr="1"] .c-result-page .re-content .lucky-des{font-size:29px}[data-dpr="3"] .c-result-page .re-content .lucky-des{font-size:87px}.c-result-page .re-content .color-name{margin-top:.1rem;font-size:120px;font-weight:700;line-height:1}[data-dpr="1"] .c-result-page .re-content .color-name{font-size:60px}[data-dpr="3"] .c-result-page .re-content .color-name{font-size:180px}.c-result-page .re-content .color-img{margin:0 auto;margin-top:1.2rem;margin-bottom:1.4rem}.c-result-page .re-content img{width:100%}.c-result-page .re-content .color-img-green{width:1.6rem}.c-result-page .re-content .color-img-white{width:2.56rem}.c-result-page .re-content .color-img-yellow{width:2.08rem}.c-result-page .re-content .color-img-purple{width:1.64rem}.c-result-page .re-content .color-img-orange{width:1.76rem}.c-result-page .re-content .color-img-blue{width:2.68rem}.c-result-page .re-content .color-img-black{width:3.68rem}.c-result-page .re-content .color-img-pink{width:1.56rem}.c-result-page .re-content .color-des{margin-top:1.4rem;padding:0 1.54rem;font-size:32px;text-transform:uppercase}[data-dpr="1"] .c-result-page .re-content .color-des{font-size:16px}[data-dpr="3"] .c-result-page .re-content .color-des{font-size:48px}.c-result-page__button{padding:0 .2rem;min-width:3.32rem;height:.96rem;line-height:.96rem;font-size:30px;text-align:center;border-radius:.3rem;font-weight:600}[data-dpr="1"] .c-result-page__button{font-size:15px}[data-dpr="3"] .c-result-page__button{font-size:45px}.c-result-page__button+.c-result-page__button{margin-left:.32rem}.c-result-page .re-btn{margin-top:1.4rem}.c-result-page .re-btn__green{color:#7ee0a9;background-color:#fff}.c-result-page .re-btn__white{color:#f9f8f4;background-color:#727171}.c-result-page .re-btn__yellow{color:#fec55c;background-color:#fff}.c-result-page .re-btn__purple{color:#a25f8e;background-color:#fff}.c-result-page .re-btn__orange{color:#fd9065;background-color:#fff}.c-result-page .re-btn__blue{color:#76bcf4;background-color:#fff}.c-result-page .re-btn__black{color:#424242;background-color:#fff}.c-result-page .re-btn__pink{color:#fd8aa4;background-color:#fff}.c-loading-page{position:relative;display:flex;display:-ms-flexbox;align-items:center;justify-content:center;flex-direction:column}.c-loading-page .des{position:absolute;bottom:5rem;font-size:38px;color:#fff;font-weight:700}[data-dpr="1"] .c-loading-page .des{font-size:19px}[data-dpr="3"] .c-loading-page .des{font-size:57px}.c-color-toast{font-size:32px;position:fixed;top:50%;left:50%;transform:translate3D(-50%,-50%,10px);width:8.56rem;background-color:rgba(0,0,0,.8);color:#fff;text-align:center;z-index:10}[data-dpr="1"] .c-color-toast{font-size:16px}[data-dpr="3"] .c-color-toast{font-size:48px}.c-color-toast .toast-inner{padding:.4rem}.up-and-down{position:relative;-webkit-animation:up-and-down .5s 0s linear infinite;animation:up-and-down .5s 0s linear infinite}@-webkit-keyframes up-and-down{0%{top:0}25%{top:.15rem}50%{top:0}75%{top:-.15rem}100%{top:0}}@keyframes up-and-down{0%{top:0}25%{top:.15rem}50%{top:0}75%{top:-.15rem}100%{top:0}}.la-ball-color{position:relative;box-sizing:border-box;font-size:0;width:.44rem;height:.44rem}.la-ball-color__inner{width:10%}.la-ball-color__red{position:absolute;left:-900%;top:0;background-color:#fc3932;-webkit-animation:ball-red-effect 2s 0s linear infinite;animation:ball-red-effect 2s 0s linear infinite}.la-ball-color__yellow{position:absolute;left:0;top:0;background-color:#fed25b;-webkit-animation:ball-yellow-effect 2s 0s linear infinite;animation:ball-yellow-effect 2s 0s linear infinite}.la-ball-color__blue{position:absolute;left:900%;top:0;background-color:#47acfc;-webkit-animation:ball-blue-effect 2s 0s linear infinite;animation:ball-blue-effect 2s 0s linear infinite}.la-ball-color>div{width:.44rem;height:.44rem;border-radius:50%;display:inline-block}@-webkit-keyframes ball-red-effect{0%,100%{left:-900%;top:0;transform:scale(1)}12.5%{left:-450%;top:-.2rem;transform:scale(1.2)}25%,75%{left:0;top:0;transform:scale(1)}37.5%{left:450%;top:.2rem;transform:scale(.8)}50%{left:900%;top:0;transform:scale(1)}62.5%{left:450%;top:0;transform:scale(1)}87.5%{left:-450%;top:0;transform:scale(1)}}@keyframes ball-red-effect{0%,100%{left:-900%;top:0;transform:scale(1)}12.5%{left:-450%;top:-.2rem;transform:scale(1.2)}25%,75%{left:0;top:0;transform:scale(1)}37.5%{left:450%;top:.2rem;transform:scale(.8)}50%{left:900%;top:0;transform:scale(1)}62.5%{left:450%;top:0;transform:scale(1)}87.5%{left:-450%;top:0;transform:scale(1)}}@-webkit-keyframes ball-yellow-effect{0%,100%,75%,87.5%{left:0;top:0;transform:scale(1)}12.5%{left:-450%;top:.2rem;transform:scale(.8)}25%,37.5%,50%{left:-900%;top:0;transform:scale(1)}62.5%{left:-450%;top:0;transform:scale(1)}}@keyframes ball-yellow-effect{0%,100%,75%,87.5%{left:0;top:0;transform:scale(1)}12.5%{left:-450%;top:.2rem;transform:scale(.8)}25%,37.5%,50%{left:-900%;top:0;transform:scale(1)}62.5%{left:-450%;top:0;transform:scale(1)}}@-webkit-keyframes ball-blue-effect{0%,100%,12.5%,25%{left:900%;top:0;transform:scale(1)}37.5%{left:450%;top:-.2rem;transform:scale(1.2)}50%,62.5%,75%{left:0;top:0;transform:scale(1)}87.5%{left:450%;top:0;transform:scale(1)}}@keyframes ball-blue-effect{0%,100%,12.5%,25%{left:900%;top:0;transform:scale(1)}37.5%{left:450%;top:-.2rem;transform:scale(1.2)}50%,62.5%,75%{left:0;top:0;transform:scale(1)}87.5%{left:450%;top:0;transform:scale(1)}}@-webkit-keyframes page-slide-up{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes page-slide-up{0%{transform:translateY(100%)}100%{transform:translateY(0)}}