.jp-earfun-clip-container{background-color:#ecf6ff}.jp-earfun-clip-container .banner{width:100%;font-size:0;overflow:hidden}.jp-earfun-clip-container .banner>img{width:100%;height:auto}.jp-earfun-clip-container .promo-main-page-body{max-width:1200px;margin:0 auto;min-height:500px}.jp-earfun-clip-container .date-count-down-container{text-align:center;padding:2rem 0}.jp-earfun-clip-container .date-count-down-container .count-down-desc{padding:1rem 0}.jp-earfun-clip-container .date-count-down-container .count-down-desc .time-desc-text{color:#000;font-size:2.25rem}.jp-earfun-clip-container .date-count-down-container .time{margin-top:1rem}@media screen and (max-width:1200px){.jp-earfun-clip-container .date-count-down-container{padding:2rem 2%}.jp-earfun-clip-container .date-count-down-container .count-down-desc .time-desc-text{font-size:2rem}.jp-earfun-clip-container .date-count-down-container .time .flip-clock__piece .flip-clock__card{font-size:2.25rem!important}.jp-earfun-clip-container .date-count-down-container .time .flip-clock__piece .flip-clock__slot{font-size:1.25rem!important}}@media screen and (max-width:767px){.jp-earfun-clip-container .date-count-down-container .count-down-desc .time-desc-text{font-size:1.85rem}}.jp-earfun-clip-container .apply-method-container{padding:2rem 0}.jp-earfun-clip-container .apply-method-container .view-method{text-align:center;margin-bottom:1.5rem}.jp-earfun-clip-container .apply-method-container .view-method .method-control-btn{width:100%;font-size:2.15rem;font-weight:700;background-color:#85c8fd;border-radius:.5rem;border:none!important;color:#fff;padding:15px 20px}.jp-earfun-clip-container .apply-method-container .view-method .method-control-btn:hover{filter:brightness(.98)}.jp-earfun-clip-container .apply-method-container .view-method .method-control-btn:active{filter:brightness(1.02)}.jp-earfun-clip-container .apply-method-container .view-method .method-control-btn .icon-arrow-up-bold{display:inline-block;transition:all .5s ease-in-out}.jp-earfun-clip-container .apply-method-container .view-method .method-control-btn .not-active{transform:rotate(90deg)!important}.jp-earfun-clip-container .apply-method-container .view-method .method-control-btn .active{transform:rotate(180deg)!important}.jp-earfun-clip-container .apply-method-container .apply-wrap{width:100%;padding:0 1%;margin:0 auto;overflow:hidden;transition:all .75s ease-in-out}.jp-earfun-clip-container .apply-method-container .apply-wrap .apply-box{transition:all .75s ease-in-out}.jp-earfun-clip-container .apply-method-container .apply-wrap .method-list{margin-bottom:1.5rem}.jp-earfun-clip-container .apply-method-container .apply-wrap .method-list .method-item{color:#000;display:flex;flex-flow:row}.jp-earfun-clip-container .apply-method-container .apply-wrap .method-list .method-item .title{min-width:6rem;font-weight:700;font-size:1.125rem}.jp-earfun-clip-container .apply-method-container .apply-wrap .method-list .method-item .desc{font-size:1.25rem}.jp-earfun-clip-container .apply-method-container .apply-wrap .method-list .method-item.method-note{margin-bottom:1rem}.jp-earfun-clip-container .apply-method-container .apply-wrap .apply-instruction .notes{color:#000}.jp-earfun-clip-container .apply-method-container .apply-wrap .apply-instruction .notes .note-item,.jp-earfun-clip-container .apply-method-container .apply-wrap .apply-instruction .notes .note-title{font-size:.9rem;line-height:2}.jp-earfun-clip-container .apply-method-container .apply-wrap .apply-instruction .notes .note-item>a{color:#000}.jp-earfun-clip-container .apply-method-container .apply-wrap .apply-instruction .notes .note-item>a:hover{color:#f6d34b}.jp-earfun-clip-container .apply-method-container .fade-in{animation:applyFadeIn 1s ease-in-out forwards}.jp-earfun-clip-container .apply-method-container .fade-in .apply-box{transform:translateY(-100%)}.jp-earfun-clip-container .apply-method-container .fade-out{animation:applyFadeOut 1s ease-in-out forwards}@media screen and (max-width:1200px){.jp-earfun-clip-container .apply-method-container{padding:2rem 2%}}@media screen and (max-width:1050px){.jp-earfun-clip-container .apply-method-container .view-method .method-control-btn{font-size:2rem}}@media screen and (max-width:767px){.jp-earfun-clip-container .apply-method-container .view-method .method-control-btn{font-size:1.25rem}.jp-earfun-clip-container .apply-method-container .apply-wrap,.jp-earfun-clip-container .apply-method-container .apply-wrap .apply-box{transition:all 1.25s ease-in-out}.jp-earfun-clip-container .apply-method-container .apply-wrap .method-list .method-item .desc{font-size:1.15rem}.jp-earfun-clip-container .apply-method-container .apply-wrap .method-list .method-item.method-column{flex-flow:column}.jp-earfun-clip-container .apply-method-container .fade-in{animation:applyFadeIn 1.15s ease-in-out forwards}.jp-earfun-clip-container .apply-method-container .fade-in .apply-box{transform:translateY(-100%)}.jp-earfun-clip-container .apply-method-container .fade-out{animation:applyFadeOut 1.5s ease-in-out forwards}}@keyframes applyFadeIn{0%{opacity:1}to{opacity:0;height:0}}@keyframes applyFadeOut{0%{opacity:0}to{opacity:1;height:auto}}.jp-earfun-clip-container .subscribe-container{position:relative;padding:2rem 0 4rem}.jp-earfun-clip-container .subscribe-container .subscribe-img{width:100%;font-size:0}.jp-earfun-clip-container .subscribe-container .subscribe-img>img{width:100%;height:auto}.jp-earfun-clip-container .subscribe-container .subscribe-wrapper{position:absolute;width:100%;height:100%;top:0;left:0}.jp-earfun-clip-container .subscribe-container .subscribe-box{width:50%;height:100%;padding:1rem 2rem 1rem 3rem;display:flex;flex-flow:column;align-items:center;justify-content:center}.jp-earfun-clip-container .subscribe-container .subscribe-box.subscribe-end{height:50%}.jp-earfun-clip-container .subscribe-container .subscribe-box .title{width:100%}.jp-earfun-clip-container .subscribe-container .subscribe-box .title .subscribe-title{font-size:3rem;font-weight:700}.jp-earfun-clip-container .subscribe-container .subscribe-box .title .subscribe-subtitle{font-size:1.25rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe{width:100%;margin-top:3rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form{width:100%}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .el-form-item{width:100%;margin-bottom:1.5rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .el-form-item .el-input{font-size:1.25rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .el-form-item .el-input .el-input__inner{height:48px;line-height:48px}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-captcha{position:relative}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-captcha img{width:30%;position:absolute;top:0;right:0;border-radius:4px;cursor:pointer;height:98%}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn{margin-top:4rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn .el-form-item__content{height:100%}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn .el-form-item__content .el-button{width:50%;height:100%;font-size:1.75rem;font-weight:700;border-radius:5rem;color:#fff;background:linear-gradient(90deg,#5db7fd,#5cadfc,#57a3f7,#549bf5,#548df3);border:none!important;padding:22px 25px}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn .el-form-item__content .el-button:hover{filter:brightness(1.05)}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn .el-form-item__content .el-button:active{filter:brightness(.98)}.jp-earfun-clip-container .subscribe-container .subscribe-box .tip-title{font-size:1.25rem;font-weight:700}.jp-earfun-clip-container .subscribe-container .subscribe-box .tip-subtitle{font-size:1.15rem;padding:.5rem 0}@media (max-width:1250px){.jp-earfun-clip-container .subscribe-container{padding:2rem 2% 4rem}}@media (max-width:1080px){.jp-earfun-clip-container .subscribe-container .subscribe-box .title .subscribe-title{font-size:2.75rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .tip-title{font-size:1.25rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .tip-subtitle{font-size:1.15rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe{margin-top:2rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .el-form-item .el-input{font-size:1.15rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .el-form-item .el-input .el-input__inner{height:42px;line-height:42px}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-captcha img{width:35%;height:42px}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn{margin-top:2rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn .el-form-item__content .el-button{width:50%;font-size:1.5rem;padding:20px}}@media (max-width:920px){.jp-earfun-clip-container .subscribe-container .subscribe-box{padding:1rem 3rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .title .subscribe-title{font-size:2.25rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .title .subscribe-subtitle{font-size:1.15rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe{margin-top:1.25rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .el-form-item .el-input{font-size:1.15rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .el-form-item .el-input .el-input__inner{height:36px;line-height:36px}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-captcha{position:relative}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-captcha img{width:35%;top:1px;height:36px}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn{margin-top:2rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn .el-form-item__content .el-button{width:65%;font-size:1.25rem;padding:15px 20px}}@media (max-width:767px){.jp-earfun-clip-container .subscribe-container .subscribe-wrapper{height:50%;top:5%}.jp-earfun-clip-container .subscribe-container .subscribe-box{flex-flow:column;width:100%;padding:3% 5%}.jp-earfun-clip-container .subscribe-container .subscribe-box .title{text-align:center}.jp-earfun-clip-container .subscribe-container .subscribe-box .title .subscribe-title{font-size:1.85rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .title .subscribe-subtitle{font-size:1rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe{margin-top:1.25rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .el-form-item .el-input{font-size:1.25rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .el-form-item .el-input .el-input__inner{height:40px;line-height:40px;padding:0 10px}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-captcha img{height:40px;width:32%;top:0}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn{margin-top:1.5rem;margin-bottom:1rem!important}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn .el-form-item__content{height:100%;text-align:center}.jp-earfun-clip-container .subscribe-container .subscribe-box .main-subscribe .main-subscribe-form .sub-btn .el-form-item__content .el-button{width:50%;font-size:1.25rem;padding:15px 20px}.jp-earfun-clip-container .subscribe-container .subscribe-box .tip-title{margin-top:3rem;font-size:1.25rem}.jp-earfun-clip-container .subscribe-container .subscribe-box .tip-subtitle{font-size:1.15rem}.jp-earfun-clip-container .subscribe-container .subscribe-box.subscribed{height:100%}}.jp-earfun-clip-container .selling-point-container{width:100%}.jp-earfun-clip-container .selling-point-container .selling-point-box{position:relative;overflow:hidden}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-bg-img{font-size:0}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-bg-img>img{width:100%;height:auto}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content{position:absolute;top:0;left:0;width:100%;height:100%}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block{height:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:0 2rem;opacity:0}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .title{width:40%;font-size:1.75rem;color:#383b3c;padding:.5rem 0}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .desc{padding:.5rem 0;width:40%;font-size:1.15rem;color:#2b3238}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .tech-img{width:40%}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .tech-img>img{width:40%;height:auto}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block.selling-point-gradient{opacity:1}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block.selling-point-gradient .title{animation:performanceScrolledH2 1s ease-in-out forwards}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block.selling-point-gradient .desc{animation:performanceScrolledP 1.2s ease-in-out forwards}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block.selling-point-gradient .tech-img{animation:performanceScrolledImg 1.5s ease-in-out forwards}@keyframes performanceScrolledH2{0%{opacity:0;-webkit-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes performanceScrolledP{0%{opacity:0;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes performanceScrolledImg{0%{opacity:0;-webkit-transform:translate3d(0,240%,0);transform:translate3d(0,240%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.jp-earfun-clip-container .selling-point-container .selling-point-box:nth-child(2) .selling-point-content-block{align-items:flex-end}@media screen and (max-width:1350px){.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .title{font-size:1.5rem}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .desc{font-size:1.05rem}}@media screen and (max-width:1200px){.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block{padding:0 3rem}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .title{font-size:1.35rem}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .desc{font-size:1rem}}@media screen and (max-width:1050px){.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .title{font-size:1.25rem}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .desc{font-size:.9rem}}@media screen and (max-width:960px){.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .title{width:43%;font-size:1.15rem}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .desc{width:43%;font-size:.85rem;padding:.5rem 0}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .tech-img{width:43%}}@media screen and (max-width:767px){.jp-earfun-clip-container .selling-point-container .selling-point-box{margin-top:-1px}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block{padding:3% 6%;justify-content:flex-start}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .title{width:100%;font-size:1.25rem;text-align:center}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .desc{width:100%;font-size:.85rem;padding:.5rem 0;text-align:center}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .tech-img{width:100%}.jp-earfun-clip-container .selling-point-container .selling-point-box .selling-point-content-block .tech-img>img{width:30%}.jp-earfun-clip-container .selling-point-container .selling-point-box:nth-child(3) .selling-point-content-block{padding:13% 8% 3%}}.jp-earfun-clip-container .selling-point-collection{padding:3rem 0;background-color:#ecf6ff}.jp-earfun-clip-container .selling-point-collection .selling-point-collection-img{margin:0 auto;font-size:0;max-width:1200px}.jp-earfun-clip-container .selling-point-collection .selling-point-collection-img>img{width:100%;height:auto}@media screen and (max-width:1250px){.jp-earfun-clip-container .selling-point-collection{padding:3rem 2%}}.jp-earfun-clip-container .feature-container{padding:1rem 0}.jp-earfun-clip-container .feature-container .feature-list{max-width:1380px;margin:0 auto;display:flex}.jp-earfun-clip-container .feature-container .feature-item{width:32%;margin-right:3%}.jp-earfun-clip-container .feature-container .feature-item .feature-img{font-size:0;overflow:hidden}.jp-earfun-clip-container .feature-container .feature-item .feature-img>img{width:100%;height:auto;transition:all .75s ease-in-out}.jp-earfun-clip-container .feature-container .feature-item .feature-img:hover>img{transform:scale(1.02)}.jp-earfun-clip-container .feature-container .feature-item .feature-title{font-family:HarmonyOS_Sans_Medium;font-size:1.25rem;padding:.5rem 0}.jp-earfun-clip-container .feature-container .feature-item .feature-desc{padding:.25rem 0;font-size:1rem}.jp-earfun-clip-container .feature-container .feature-item:last-child{margin-right:0}@media screen and (max-width:1400px){.jp-earfun-clip-container .feature-container{padding:1rem 2%}}@media screen and (max-width:767px){.jp-earfun-clip-container .feature-container{padding:1rem 0}.jp-earfun-clip-container .feature-container .feature-list{flex-wrap:wrap}.jp-earfun-clip-container .feature-container .feature-item{width:100%;margin-right:0}.jp-earfun-clip-container .feature-container .feature-item .feature-title{padding:1rem 1rem .5rem}.jp-earfun-clip-container .feature-container .feature-item .feature-desc{padding:.25rem 1rem 2rem}}.jp-earfun-clip-container .advantage-general-container{padding:1rem 0;position:relative}.jp-earfun-clip-container .advantage-general-container .advantage-img{font-size:0}.jp-earfun-clip-container .advantage-general-container .advantage-img>img{width:100%;height:auto}.jp-earfun-clip-container .advantage-general-container .advantage-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.jp-earfun-clip-container .advantage-general-container .advantage-box{width:62.5%;height:100%;margin:0 auto;display:flex;flex-direction:column}.jp-earfun-clip-container .advantage-general-container .advantage-box .title{padding-top:17%;font-size:2vw}.jp-earfun-clip-container .advantage-general-container .advantage-box .desc{font-size:1.2vw;padding:.25rem 0}@media screen and (max-width:960px){.jp-earfun-clip-container .advantage-general-container .advantage-box .title{font-size:1.15rem}.jp-earfun-clip-container .advantage-general-container .advantage-box .desc{width:50%;font-size:.8rem}}@media screen and (max-width:767px){.jp-earfun-clip-container .advantage-general-container .advantage-box{width:100%;padding:3% 2%;align-items:center}.jp-earfun-clip-container .advantage-general-container .advantage-box .title{text-align:center;width:100%;padding-top:5%;font-size:1.5rem}.jp-earfun-clip-container .advantage-general-container .advantage-box .desc{width:100%;text-align:center;color:#333;font-size:1.15rem}}.jp-earfun-clip-container .constitution-container{max-width:1200px;margin:0 auto;padding:3rem 0 8rem}.jp-earfun-clip-container .constitution-container .constitution-btn{width:100%;font-size:2.15rem;font-weight:700;background:linear-gradient(90deg,#5aabfa,#579cf7,#518cf4,#518cf4,#579cf7,#5aabfa);border-radius:.25rem;border:none!important;padding:15px 20px;color:#fff}.jp-earfun-clip-container .constitution-container .constitution-btn:hover{filter:brightness(1.05)}.jp-earfun-clip-container .constitution-container .constitution-btn:active{filter:brightness(.95)}.jp-earfun-clip-container .constitution-container .constitution-btn .icon-arrow-up-bold{display:inline-block;transition:all .75s}.jp-earfun-clip-container .constitution-container .constitution-btn .not-active{transform:rotate(90deg)!important}.jp-earfun-clip-container .constitution-container .constitution-btn .active{transform:rotate(180deg)!important}.jp-earfun-clip-container .constitution-container .constitution-box{margin-top:2rem;overflow:hidden}.jp-earfun-clip-container .constitution-container .constitution-list{margin:0 .5rem;width:100%;transition:all 1.2s;opacity:1}.jp-earfun-clip-container .constitution-container .constitution-list .constitution{color:#010101;font-size:1.15rem;line-height:1.5}.jp-earfun-clip-container .constitution-container .constitution-fade-up{visibility:hidden;opacity:0;transform:translateY(-100%)}@media screen and (max-width:1200px){.jp-earfun-clip-container .constitution-container{padding:1rem 2% 6rem}}@media screen and (max-width:1050px){.jp-earfun-clip-container .constitution-container .constitution-btn{font-size:2rem}.jp-earfun-clip-container .constitution-container .constitution-list .constitution{font-size:1rem}}@media screen and (max-width:767px){.jp-earfun-clip-container .constitution-container{padding:3rem 3% 6rem}.jp-earfun-clip-container .constitution-container .constitution-btn{font-size:1.5rem;padding:10px 20px}.jp-earfun-clip-container .constitution-container .constitution-box{padding:0 5%}}.flip-clock{perspective:600px;margin:0 auto;padding:0}.flip-clock *,.flip-clock :after,.flip-clock :before{box-sizing:border-box}.flip-clock .flip-card>b,.flip-clock .flip-card>b:before{color:#fff!important}.flip-clock>span{text-align:center}.flip-clock__piece{display:inline-block;margin:0 2rem!important}.flip-clock__piece .flip-clock__card{font-size:2.5rem!important}@media screen and (max-width:960px){.flip-clock__piece .flip-clock__card{font-size:1.75rem!important}}@media screen and (max-width:767px){.flip-clock__piece{margin:0 10px!important}}.flip-clock__slot{margin-top:.25rem;font-size:1.5rem!important;line-height:1.5;display:block;color:#010101}@media screen and (max-width:960px){.flip-clock__slot{font-size:.85rem!important}}.flip-card{display:block;position:relative;padding-bottom:1em!important;font-size:1.15rem;line-height:1}.flip-card__back-bottom,.flip-card__back:after,.flip-card__back:before,.flip-card__bottom,.flip-card__top{display:block;color:#cca900;background:#222;padding:.5em .15em .4em!important;border-radius:.1em .1em 0 0!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;width:1.8em!important;height:1em!important}.flip-card__back-4digits:after,.flip-card__back-4digits:before,.flip-card__back-bottom-4digits,.flip-card__bottom-4digits,.flip-card__top-4digits{display:block;height:1em!important;color:#cca900;background:#222;padding:.5em .15em .4em!important;border-radius:.1em .1em 0 0!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;width:2.65em}.flip-card__back-bottom,.flip-card__back-bottom-4digits,.flip-card__bottom,.flip-card__bottom-4digits{color:#ffdc00;position:absolute;top:50%;left:0;border-top:1px solid #000;background:#393939;border-radius:0 0 .1em .1em!important;pointer-events:none;overflow:hidden;z-index:2}.flip-card__back-bottom,.flip-card__back-bottom-4digits{z-index:1}.flip-card__back-bottom-4digits:after,.flip-card__back-bottom:after,.flip-card__bottom-4digits:after,.flip-card__bottom:after{display:block;margin-top:-1em!important}.flip-card__back-4digits:before,.flip-card__back-bottom-4digits:after,.flip-card__back-bottom:after,.flip-card__back:before,.flip-card__bottom-4digits:after,.flip-card__bottom:after{content:attr(data-value)}.flip-card__back,.flip-card__back-4digits{position:absolute;top:0;left:0;height:100%;pointer-events:none}.flip-card__back-4digits:before,.flip-card__back:before{position:relative;overflow:hidden;z-index:-1}.flip .flip-card__back-4digits:before,.flip .flip-card__back:before{z-index:1;animation:flipTop .3s cubic-bezier(.37,.01,.94,.35);animation-fill-mode:both;transform-origin:center bottom}.flip .flip-card__bottom,.flip .flip-card__bottom-4digits{transform-origin:center top;animation-fill-mode:both;animation:flipBottom .6s cubic-bezier(.15,.45,.28,1)}