.page-abbit-first-box{padding-top:56.5%}@media (max-width:768px){.page-abbit-first-box{padding-top:160.5%}}.abbit-bottom-bg{background-image:url(https://static-res-www.imoo.com/US/images/pages/abbit/abbit-bottom/pc-bg.jpg);background-size:100% auto;background-position:top;background-repeat:no-repeat}.abbit-bottom-section .card-list .card1{background-image:url(https://static-res-www.imoo.com/US/images/pages/abbit/abbit-bottom/card-bg-1.png)}.abbit-bottom-section .card-list .card2{background-image:url(https://static-res-www.imoo.com/US/images/pages/abbit/abbit-bottom/card-bg-2.png)}.abbit-bottom-section .card-list .card3{background-image:url(https://static-res-www.imoo.com/US/images/pages/abbit/abbit-bottom/card-bg-3.png)}@media (max-width:768px){.abbit-bottom-bg{background-image:url(https://static-res-www.imoo.com/US/images/pages/abbit/abbit-bottom/mobile-bg.jpg)}}.page-abbit{background-image:url(https://static-res-www.imoo.com/US/images/pages/abbit/abbit-first/pc.jpg);background-size:100% auto;background-position:top;background-repeat:no-repeat;background-color:#000}@media (max-width:768px){.page-abbit{background-image:url(https://static-res-www.imoo.com/US/images/pages/abbit/abbit-first/mobile.jpg)}}.abbit-box{width:74.21%;margin:0 auto;color:#fff}.center{text-align:center}.img-center{margin-right:auto;margin-left:auto}.abbit-first-box{font-size:1.45820312vw;font-family:OPPOSans;text-shadow:0 0 20px #fa0}.abbit-first-box img{width:14.73684%}.abbit-first-box .text1{margin-top:1vw;margin-bottom:5vw;line-height:1.4}.abbit-video-box{padding-top:10%;width:78.125%;position:relative}.abbit-video-title.abbit-video-sub_title{font-size:2.3539062vw}.abbit-video-title{font-size:3.4vw;font-family:OPPOSans-Bold;background:radial-gradient(circle at center,#c6c6c6 0,#fcfcfc 16%,#c6c6c6 35%,#fcfcfc 52%,#b1b1b1 67%,#c6c6c6 96%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-weight:600}.abbit-video{position:relative;margin-top:2.5vw;overflow:hidden}.abbit-video .bg{width:100%;height:auto}.abbit-video-box .wsw-box{position:relative}.abbit-video-box .operate-icon{position:absolute;bottom:15%;width:2.6171875vw;height:auto;cursor:pointer}.abbit-video-box .operate-icon.disable{cursor:default;opacity:.5}.abbit-video-box .operate-icon.left{left:-3.6171875vw;transform:rotate(180deg)}.abbit-video-box .operate-icon.right{right:-3.6171875vw}.abbit-video .play{position:absolute;left:50%;transform:translateX(-50%);top:35%;color:#fff;text-align:center;font-size:2.447265625vw;pointer-events:none}.abbit-video .play img{width:8.7109375vw}.abbit-video-content .abbit-video-img{width:100%;cursor:pointer}.abbit-video-content{padding:1.107754279%;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.abbit-video-content .list-box{width:100%;flex:1;display:flex;align-items:center;border-radius:0 0 4vw 4vw;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.abbit-video-content .list-box::-webkit-scrollbar{display:none}.abbit-video-content .list{padding-right:.5vw;display:flex;align-items:center}.abbit-video-content .list .card{margin-left:.5vw;flex-shrink:0;width:18.28125vw;height:13.046875vw;overflow:hidden;position:relative}.abbit-video-content .list .select-card{cursor:pointer}.abbit-video-content .list .card.active{box-shadow:0 0 5px #ff7800,0 0 5px #ff7800,0 0 3px #fa0}.abbit-video-content .list .card .card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.abbit-video-content .list .card .text{background:rgba(2,5,28,.7);color:#9aebff;text-align:center;line-height:2;font-size:1.145703125vw;position:absolute;bottom:0;left:0;width:100%}.abbit-video-modal{position:fixed;left:0;top:0;right:0;bottom:0;background:#000;z-index:1000;display:none}.abbit-video-modal.show{display:block}.abbit-video-modal .modal-video{width:68%;height:auto;max-height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.abbit-video-modal .icon{position:absolute;right:30px;top:30px;color:#fff;height:30px!important;width:30px!important;cursor:pointer;z-index:99}.abbit-bottom-section{padding-top:10%;width:78.125%;position:relative}.abbit-video-title.abbit-bottom-title{font-size:3.125vw;line-height:1.2;padding-bottom:2vw}.abbit-bottom-section .info{color:#fff;text-align:center;width:53.8671875vw;padding-top:4vw}.abbit-bottom-step{margin-top:7vw;width:71.25vw;padding:.78125vw;background:linear-gradient(120deg,#c6c6c6,#fff 16%,#c6c6c6 35%,#fff 52%,#c6c6c6 67%,#fff 86%,#c6c6c6 96%);border:2px solid #fff;border-radius:.975vw;box-sizing:border-box;box-shadow:0 0 0 2px gray,0 0 0 4px #d3d3d3,0 0 0 6px #e6e6e6}.abbit-bottom-step .top{box-shadow:0 0 3px 0 #0b142c;border-radius:.975vw;padding:.5vw 1.5625vw 1vw;background:#fff;color:#ff5400}.abbit-bottom-step .top .top-title{font-size:2.145vw;line-height:1.3;font-family:OPPOSans-Bold;border-bottom:1px solid #ccc;font-weight:700;padding-bottom:.5vw;margin-bottom:.5vw}.abbit-bottom-step .top .top-content{font-size:1.875vw}.abbit-bottom-step .bottom{padding:2vw 0 2vw 2vw}.abbit-bottom-step .bottom .title{font-size:1.68632vw;font-weight:700}.abbit-bottom-step .bottom .bottom-content li{font-size:1.2109375vw;padding-left:calc(1vw + 4px);position:relative}.abbit-bottom-step .bottom .bottom-content li:before{background-image:url(https://cdn.shopify.com/s/files/1/0467/6216/4375/files/star.svg?v=1740036893);width:1vw;height:1vw;content:"";position:relative;position:absolute;left:0;top:.4vw}.abbit-bottom-section .card-list{margin-top:4vw;padding-bottom:4vw;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:30px;width:calc(71.25vw + 10px)}.abbit-bottom-section .card-list .card{background-size:100% auto;background-position:top;background-repeat:no-repeat;padding-top:100%;overflow:hidden;position:relative}.abbit-bottom-section .card-list .card .card-content{position:absolute;width:89%;height:79%;right:3%;top:3%;border-radius:30px;display:flex;flex-direction:column;justify-content:center;color:#fff;text-shadow:0 0 20px #fa0;text-align:center;padding:6px}.abbit-bottom-section .card-list .card .card-content .card-info{font-size:1.25vw}.abbit-bottom-section .card-list .card .card-content .user{margin-top:.5vw;font-size:1.48vw}@media (min-width:768px){.abbit-bottom-section .card-list .card:nth-child(3){margin-right:0}}@media (max-width:768px){.abbit-box{width:80vw}.abbit-first-box{font-size:3.82222222vw}.abbit-first-box .text1{margin-top:2vw;margin-bottom:10vw}.abbit-first-box img{width:25.42222222vw}.abbit-video-box{width:90vw;padding-top:27%}.abbit-video-title.abbit-video-sub_title{font-size:3.5vw}.abbit-video-title{font-size:4.888888888vw}.abbit-video-content .list-box{align-items:start}.abbit-video-content .list{flex-wrap:wrap;align-items:start;padding-right:2vw;padding-bottom:1.4vw}.abbit-video-content .list .card{width:calc(((90vw * .9778) - 6vw) / 2);height:auto;padding-top:calc(((90vw * .9778) - 6vw) / 2 * .71367521);margin-top:2vw;margin-left:2vw}.abbit-video-content .list .card .card-img{position:absolute;left:0;top:0}.abbit-video-box .operate-icon{bottom:50%;transform:translateY(50%)}.abbit-video .play{top:18%}.abbit-video-modal .modal-video{width:100%}.abbit-video-content .list .card .text{font-size:2.666666666666667vw}.abbit-bottom-section .card-list{margin-top:20px;padding-bottom:20px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:20px;width:calc(81vw + 10px)}.abbit-bottom-section .card-list .card .card-content .card-info{font-size:2.5333333vw}.abbit-bottom-section .card-list .card .card-content .user{margin-top:.5vw;font-size:2.88888888vw}.abbit-video-title.abbit-bottom-title{font-size:4.977777vw}.abbit-bottom-section .info{width:77vw}.abbit-bottom-section .info .abbit-first-box{font-size:3.0222vw}.abbit-bottom-section{width:90vw}.abbit-bottom-step{width:80vw;padding:1.5111111vw}.abbit-bottom-step .top{padding:1.77777vw}.abbit-bottom-step .top .top-title{font-size:4vw}.abbit-bottom-step .bottom .title,.abbit-bottom-step .top .top-content{font-size:3.2vw}.abbit-bottom-step .bottom .bottom-content li{font-size:2.844444vw;padding-left:calc(2vw + 4px)}.abbit-bottom-step .bottom .bottom-content li:before{width:2vw;height:2vw;top:1.2vw}}.abbit-link-icon{padding-right:28px;position:relative}