@font-face{font-family:Proxima-Nova;src:url(https://us.roborock.com/cdn/shop/t/86/assets/proximanova-ProximaNova-Regular.otf)}@font-face{font-family:ProximaNova-Bold;src:url(https://us.roborock.com/cdn/shop/t/86/assets/proximanova-ProximaNova-Bold.otf?v=1766345840296033861)}@font-face{font-family:ProximaNova-Semibold;src:url(https://us.roborock.com/cdn/shop/t/86/assets/proximanova-ProximaNova-Semibold.otf)}.draw-message-container{position:fixed;top:25px;left:50%;transform:translate(-50%);z-index:99000}.draw-message{display:flex;align-items:center;min-width:260px;padding:10px 16px;margin-bottom:12px;border-radius:6px;font-size:16px;box-shadow:0 2px 8px #00000026;transition:all .3s ease;line-height:1;opacity:0;transform:translateY(-20px);animation:fadeInDown .3s ease forwards}.draw-message svg{width:18px;margin-right:6px}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}.draw-message.fade-out{animation:fadeOutUp .4s ease forwards}@keyframes fadeOutUp{to{opacity:0;transform:translateY(-20px)}}.draw-message-icon{width:18px;height:18px;margin-right:10px;flex-shrink:0}.draw-message-success{background-color:#f0f9eb;color:#67c23a}.draw-message-info{background-color:#f4f4f5;color:#909399}.draw-message-warning{background-color:#fdf6ec;color:#e6a23c}.draw-message-error{background-color:#fef0f0;color:#f56c6c}.drawContentSectionFJ{visibility:hidden}.drawContentSection{width:100%;height:auto;font-family:Proxima-Nova}.drawContentSection ul,.drawContentSection li{margin:0;padding:0;list-style:none}.drawContentSection .mark{width:100%;height:100vh;background-color:#0006;position:fixed;z-index:90000;top:0;left:0}.drawContentSection .mark.is-section{position:static;height:auto;padding:0}.drawContentSection .drawcontainer{width:1128px;height:590px;background:#dbc3cf;position:absolute;top:50%;left:50%;border-radius:16px;transform:translate3d(-50%,-50%,0);display:flex;align-items:center;padding-right:60px;padding-left:0;overflow:hidden}.drawContentSection .drawcontainer.is-section{--width: 1100px;--margin: -275px ;position:relative;top:0;left:0;transform:translate(0);width:100%;height:auto;padding:80px calc((100% - 1136px)/2);box-sizing:border-box;align-items:flex-start;gap:40px;border-radius:0}.drawContentSection .drawcontainer .closebtn{position:absolute;top:16px;right:16px;cursor:pointer}.drawContentSection .turntable{width:670px;height:100%;padding:0 60px}.drawContentSection .turntable.is-section{width:calc(var(--width) / 2);height:calc(var(--width) / 2);padding:0}.drawContentSection .turntable #wheel-container{position:relative;width:1100px;height:1100px;background-color:#fff;box-shadow:0 0 9.61px #d8545440 inset;border-radius:50%;transform:scale(.5);margin-top:-255px;margin-left:-275px;margin-right:-275px}.drawContentSection .turntable #wheel-container.is-section{width:var(--width);height:var(--width);margin-top:var(--margin);margin-left:var(--margin);margin-right:var(--margin)}.drawContentSection .turntable .round{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);width:330px;height:372px;border-radius:50%;z-index:1;cursor:pointer}.drawContentSection .turntable .round.is-section{width:25.46%;height:29.27%}.drawContentSection .turntable .round img{width:100%;height:100%}.drawContentSection .turntable .round div{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%) rotate(0);font-family:ProximaNova-Semibold;font-size:50px;text-align:center;color:#6a3b4a;line-height:1;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.drawContentSection .turntable .round span{display:block;line-height:1}.drawContentSection .turntable .round span:nth-of-type(2){font-size:24px;font-style:italic;line-height:1.35}.drawContentSection .turntable .isdisable{cursor:not-allowed}.drawContentSection .turntable .isdisable span{color:#cd9898}.drawContentSection .textcontain{flex:1;margin-left:20px;line-height:1.2;padding:40px 0;display:flex;flex-direction:column;height:100%;width:calc(100% - 690px)}.drawContentSection .textcontain.is-section{justify-content:space-between;min-height:calc(var(--width) / 2);padding:0;margin:0;width:max-content}.drawContentSection .copy{position:absolute;top:-24px;transform:translate(-50%,-100%);left:50%;display:inline-flex;align-items:center;justify-content:center;min-width:160px;min-height:44px;border-radius:4px;padding:12px 16px;background:#000000e5;box-shadow:0 4px 24px #0000001f;font-size:14px;line-height:20px;text-align:center;color:#fff}.drawContentSection .textcontain .title{margin-top:40px;font-size:40px;font-family:ProximaNova-Semibold}.drawContentSection .textcontain .title.is-section{font-weight:600;line-height:1.2;margin-top:24px}.drawContentSection .textcontain .title.is-dialog{font-size:30px;font-weight:600;line-height:1.2;margin-top:24px}.drawContentSection .textcontain .subtitle{font-size:16px;color:#6c6d6e;margin-top:10px}.drawContentSection .textcontain .need-login{flex:1}.drawContentSection .textcontain .NumericalRegion{margin-top:40px;width:100%;height:auto;border-radius:8px;padding:8px 16px;background:#fff;font-size:16px}.drawContentSection .textcontain .NumericalRegion p{margin:8px 0}.drawContentSection .textcontain .NumericalRegion .p2{font-family:ProximaNova-Semibold}.drawContentSection .textcontain .NumericalRegion span,.drawContentSection .textcontain .NumericalRegion a{color:#fe3d3d}.drawContentSection .textcontain .btnlist{margin-top:24px;display:flex;font-size:14px;justify-content:center}.drawContentSection .textcontain .btnlist>div{margin-right:12px;text-decoration:underline;cursor:pointer}.drawContentSection .textcontain .reserve{flex:1}.drawContentSection .textcontain .winninglist{width:100%;height:48px;overflow:hidden;border-radius:4px;padding:4px 16px;background:#fff9;font-size:14px}.drawContentSection .textcontain .winninglist.is-section{margin-bottom:19px}.drawContentSection .textcontain .winninglist .scrollList{transition:transform .5s ease-in-out}.drawContentSection .textcontain .winninglist li{height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawContentSection .markother{background-color:#0006;position:fixed;z-index:100;width:100%;height:100vh;top:0;left:0}.drawContentSection .markother .doubleLayer{width:480px;height:auto;padding:56px;position:absolute;top:50%;left:50%;border-radius:4px;transform:translate3d(-50%,-50%,0);background:#fff;box-sizing:border-box}.drawContentSection .markother .doubleLayer .info-box{display:flex;flex-direction:column;align-items:center}.drawContentSection .markother .doubleLayer .closebtn{position:absolute;top:16px;right:16px;border-radius:50%;cursor:pointer}.drawContentSection .markother .doubleLayer .closebtn:hover{background:#f6f6f6}.drawContentSection .markother .doubleLayer .title{font-family:ProximaNova-Semibold;font-size:24px;line-height:28px;text-align:center}.drawContentSection .markother .doubleLayer .imginfo{margin-bottom:12px}.drawContentSection .markother .doubleLayer .imginfo img{width:110px;height:110px;display:block;margin:auto}.drawContentSection .markother .doubleLayer .imginfo p{font-weight:500;font-size:16px;line-height:1.2;text-align:center;margin-top:12px}.drawContentSection .markother .doubleLayer .code{position:relative;display:flex;justify-content:space-between;width:100%;height:40px;border-radius:32px;padding:10px;font-size:14px;line-height:20px;margin-bottom:24px;background:var(--bg-color)}.drawContentSection .markother .doubleLayer .btn{margin:24px auto 0;font-family:ProximaNova-Semibold;font-size:14px;line-height:1;color:#fff;border-radius:100px;padding:11px 16px;background:#ea0029;cursor:pointer}.drawContentSection .markother .doubleLayer .richText{margin-top:24px;width:100%;height:100%;overflow-y:auto;font-family:Proxima-Nova;font-size:14px;line-height:1.3;color:#282828;white-space:pre-wrap}.drawContentSection .markother .doubleLayer .richText pre{font-family:Proxima-Nova;font-size:14px;line-height:1.3;color:#282828;white-space:pre-wrap}.drawContentSection .markother .doubleLayer .subtitle{margin-top:10px;font-size:14px;text-align:center}.drawContentSection .markother .doubleLayer .subscribecontent{margin-top:48px;width:100%}.drawContentSection .markother .doubleLayer .subscribecontent>div{display:flex;align-items:center;line-height:1;margin-bottom:14px}.drawContentSection .markother .doubleLayer .subscribecontent .inputdis{color:#282828;border-radius:8px;padding:17px 16px;background:#f2f2f2;flex:1}.drawContentSection .markother .doubleLayer .subscribecontent .sub{padding:17px 24px;margin-left:10px;margin-top:0;min-width:112px;max-height:50px;display:flex;justify-content:center}.drawContentSection .markother .doubleLayer .subscribecontent .disable{background:#bdbdbd;cursor:not-allowed}.drawContentSection .markother .doubleLayer .subscribecontent .checkbox{margin-right:10px;border:1px solid #D6D6D6;border-radius:4px;cursor:pointer;line-height:1;width:16px;height:16px;position:relative}.drawContentSection .markother .doubleLayer .subscribecontent .checkbox .check{position:absolute;top:-1px;left:-1px;visibility:hidden}.drawContentSection .markother .doubleLayer .subscribecontent .checkbox .active{visibility:visible}.drawContentSection .markother .doubleLayer .subscribecontent .succes{font-size:16px;font-family:ProximaNova-Semibold;margin-bottom:8px}.drawContentSection .markother .doubleLayer .subscribecontent .agree{font-size:14px;color:#535353;flex:1}.drawContentSection .markother .doubleLayer .subscribecontent .agree a{color:#000;text-decoration:underline}.drawContentSection .markother .doubleLayer.list{height:566px;padding:56px 0;display:flex;flex-direction:column}.drawContentSection .markother .doubleLayer .rewardslist{margin-top:24px;width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;line-height:1.2}.drawContentSection .markother .doubleLayer.list .rewardslist{padding:0 56px;flex:1}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem{width:100%;height:auto;border-radius:8px;padding:14px 16px;background:#f9f9f9;display:flex;align-items:center;margin-bottom:12px}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem img{width:80px;margin-right:16px}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem .name{font-family:ProximaNova-Semibold;font-size:15px}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem .brief{font-size:13px;color:#6c6d6e;margin:6px 0 10px}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem .shopNow{border-radius:50px;padding:6px 12px;border:1px solid #EA0029;color:#ea0029;font-size:14px;margin:0;line-height:1;display:inline-block;cursor:pointer}.drawContentSection .markother .doubleLayer .rewardslist .nodatatips{max-width:240px;margin-top:24px;font-size:14px;text-align:center}.drawContentSection .lotterynarrowing{position:fixed;right:0;bottom:204px;z-index:2000;max-width:42px;height:44px;background:#ea0029d9!important;border-radius:4px 0 0 4px;padding:12px;cursor:pointer;transition:all .5s ease-out}.drawContentSection .lotterynarrowing:hover{width:auto;max-width:300px}.drawContentSection .lotterynarrowing:active{background:#ea0029!important}.drawContentSection .lotterynarrowing .icon-default{width:18px;height:20px;flex-shrink:0}.drawContentSection .lotterynarrowing .arrow{transform:rotate(180deg);transition:all .3s ease-out}.drawContentSection .lotterynarrowing .narrowingcontent{width:100%;height:100%;display:flex;align-items:center}.drawContentSection .lotterynarrowing .spinbtn{width:14px;height:100%;overflow:hidden;position:relative;margin:0 8px 0 4px}.drawContentSection .lotterynarrowing .spinbtn .spinchr{font-size:12px;font-family:ProximaNova-Semibold;line-height:1;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}.drawContentSection .lotterynarrowing .dashedline{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:6px 0}.drawContentSection .lotterynarrowing .dashedline span{display:inline-block;width:2px;height:3px;border-radius:5px;background-color:#6a3b4a}.drawContentSection .lotterynarrowing .content{flex-shrink:0;width:auto;font-family:Proxima-Nova;font-size:14px;line-height:20px;color:#fff;white-space:nowrap;margin-left:12px}.drawContentSection .lotterynarrowing .content .red{margin-top:12px;display:flex;align-items:center;color:#6a3b4a;font-size:12px}.drawContentSection .lotterynarrowing .content .red svg{width:10px;margin-left:5px}.drawContentSection .lotterynarrowing.retract{right:-116px}.drawContentSection .lotterynarrowing.retract .arrow{transform:rotate(0)}.drawContentSection .loading-overlay{position:absolute;top:-2px;left:-2px;z-index:1000;width:calc(100% + 4px);height:calc(100% + 4px);background-color:#ffffffe6;display:flex;align-items:center;justify-content:center}.drawContentSection .loading-spinner{border-radius:50%;width:30px;height:30px;background:conic-gradient(from 90deg,#409eff,#ffffff1a 360deg);animation:spin .7s linear infinite}.drawContentSection .loading{display:flex;justify-content:center}.drawContentSection .loading svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.drawContentSection .noLogin{flex:1;max-width:546px}.drawContentSection .noLogin .drawContentSection .noLogin-box{margin-top:40px}.drawContentSection .noLogin .email-box{position:relative;padding-bottom:24px}.drawContentSection .noLogin .rule-btn{display:block;margin:16px auto 40px}.drawContentSection .noLogin .ro-btn:disabled{background:var(--main-color)!important;color:#fff!important;opacity:.5!important}.drawContentSection .noLogin-box .email-input{display:flex;align-items:center;justify-content:space-between;gap:24px;height:48px;background:#fff;border-radius:32px;padding:4px;box-sizing:border-box}.drawContentSection .noLogin-box .email-input input,.drawContentSection .noLogin-box .email-input input:focus{flex:1;color:#161616;font-weight:400;line-height:20px;margin-left:20px;outline:none!important;border-color:transparent;box-shadow:none;border:0;background-color:transparent;border-radius:0}.drawContentSection .noLogin-box .email-input input::placeholder,.drawContentSection .noLogin-box .email-input input::-webkit-input-placeholder,.drawContentSection .noLogin-box .email-input input::-ms-input-placeholder,.drawContentSection .noLogin-box .email-input input::-moz-placeholder{color:#16161680;font-size:14px;font-weight:400;line-height:20px}.drawContentSection .noLogin-box .email-box p{position:absolute;bottom:6px;left:24px;font-size:12px;line-height:12px;color:#ea0029}.drawContentSection .poicy-box{display:flex;align-items:center;margin:0 24px 10px}.drawContentSection .poicy-box.login{margin-top:24px}.drawContentSection .poicy-box:last-child{margin-bottom:0}.drawContentSection .poicy-box input[type=checkbox]{height:16px;width:16px;-webkit-appearance:none;border:1px solid #161616;border-radius:2px}.drawContentSection .poicy-box input[type=checkbox]:checked{background-color:#161616}.drawContentSection .poicy-box input[type=checkbox]:checked:after{content:"";display:block;width:9px;height:5px;border:solid white;border-width:0 0 2px 2px;position:relative;top:3px;left:3px;transform:rotate(-45deg);transform-origin:center center}.drawContentSection .poicy-box label{flex:1;margin-bottom:0;margin-left:8px;font-size:12px;line-height:20px}@media (max-width: 1183px){.drawContentSection .drawcontainer{width:673px;min-height:423px;height:max-content;padding:68px 24px 44px}.drawContentSection .drawcontainer.is-section{padding:116px calc((100% - (100% - 48px))/2)}.drawContentSection .turntable{width:310px;height:310px;padding:0;display:flex;justify-content:center}.drawContentSection .turntable .round{width:184px;height:210px}.drawContentSection .turntable #wheel-container{width:620px;height:620px;margin-top:-155px;margin-left:-155px;margin-right:-155px}.drawContentSection .turntable .round div{font-size:36px}.drawContentSection .turntable .round span:nth-of-type(2){font-size:20px}.drawContentSection .textcontain{padding:0}.drawContentSection .textcontain.is-section{min-height:calc(var(--width) / 2)}.drawContentSection .textcontain .title{margin-top:9px;font-size:24px}.drawContentSection .textcontain .title.is-section{margin-top:12px}.drawContentSection .textcontain .subtitle{font-size:14px}.drawContentSection .textcontain .NumericalRegion{margin-top:20px}.drawContentSection .textcontain .winninglist.is-dialog{height:38px}.drawContentSection .textcontain .winninglist{margin-bottom:9px;margin-top:40px}.drawContentSection .textcontain .winninglist.is-dialog li{height:30px;line-height:30px;font-size:12px}.drawContentSection .textcontain .winninglist.is-section{margin-bottom:12px}.drawContentSection .noLogin .rule-btn{display:block;margin:10px auto}.drawContentSection .noLogin .email-box{padding-bottom:16px}.drawContentSection .noLogin-box.is-dialog .email-input input,.drawContentSection .noLogin-box.is-dialog .email-input input:focus{width:95px;font-size:12px}.drawContentSection .noLogin-box.is-dialog .email-input input::placeholder,.drawContentSection .noLogin-box.is-dialog .email-input input::-webkit-input-placeholder,.drawContentSection .noLogin-box.is-dialog .email-input input::-ms-input-placeholder,.drawContentSection .noLogin-box.is-dialog .email-input input::-moz-placeholder{font-size:12px}.drawContentSection .noLogin-box.is-dialog .email-input .size-l{font-size:12px}.drawContentSection .noLogin-box.is-dialog .email-box p{bottom:0}.drawContentSection .poicy-box label{line-height:16px}.drawContentSection .markother .doubleLayer .title{font-size:18px;line-height:22px}}@media (max-width: 767px){.drawContentSection .drawcontainer.is-section{flex-direction:column-reverse;padding:80px calc((100% - (100% - 48px))/2) 152px}.drawContentSection .drawcontainer.is-dialog{width:calc(100% - 32px);height:auto;max-height:calc(100% - 100px);flex-direction:column;align-items:center;padding:20px 16px 0;overflow-y:auto}.drawContentSection .turntable.is-dialog{width:100%;height:310px;padding:0;display:flex;justify-content:center}.drawContentSection .textcontain.is-section{width:100%;min-height:max-content;justify-content:flex-start}.drawContentSection .textcontain.is-dialog{margin-left:0;height:auto;width:100%}.drawContentSection .textcontain .title.is-dialog{margin-top:16px}.drawContentSection .textcontain .title.is-section{text-align:center;margin:0}.drawContentSection .textcontain .subtitle.is-section{text-align:center}.drawContentSection .textcontain .winninglist.is-section{position:absolute;bottom:80px;width:calc(100% - 48px);margin:0}.drawContentSection .textcontain .winninglist.is-dialog{margin-top:16px;width:calc(100% + 48px);height:30px;margin-left:-16px;border-radius:0;padding:0 36px;font-size:12px;margin-bottom:0}.drawContentSection .textcontain .winninglist.is-dialog li{height:30px;line-height:30px;padding-left:0}.drawContentSection .markother .doubleLayer{width:calc(100% - 48px);height:auto;padding:24px}.drawContentSection .markother .doubleLayer .code{text-align:center}.drawContentSection .textcontain.is-dialog .NumericalRegion{margin-top:16px;padding:12px;font-size:14px}.drawContentSection .textcontain.is-dialog .NumericalRegion .p2{margin-top:4px}.drawContentSection .textcontain.is-dialog .btnlist{margin-top:10px;font-size:12px}.drawContentSection .markother .doubleLayer{max-height:550px}.drawContentSection .markother .doubleLayer .subtitle{margin-top:14px}.drawContentSection .markother .doubleLayer .subscribecontent{margin-top:24px;width:100%}.drawContentSection .markother .doubleLayer .subscribecontent>div{line-height:1.2}.drawContentSection .markother .doubleLayer .subscribecontent .subscribebox{flex-direction:column;align-items:flex-start;line-height:1}.drawContentSection .markother .doubleLayer .subscribecontent .inputdis{width:100%}.drawContentSection .markother .doubleLayer .subscribecontent .sub{padding:12px 16px;margin-left:0;margin-top:12px}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem img{width:70px}.drawContentSection .poicy-box.login{margin-top:24px}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/new-active-prize-draw.css.map */