@keyframes close-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sign-up-button{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@media screen and (width<=750px){.user-guide-modal .user-guide-panel{width:327px;min-height:280px;padding:0 18px;top:calc(50% - 150px)}[dir=ltr] .user-guide-modal .user-guide-panel{left:calc(50% - 163.5px)}[dir=rtl] .user-guide-modal .user-guide-panel{right:calc(50% - 163.5px)}.user-guide-modal .user-guide-panel.user-guide-red-packet-panel .user-guide-panel-img{width:140px;height:140px;margin:18px auto 0;position:static}.user-guide-modal .user-guide-panel.user-guide-red-packet-panel .user-guide-content{padding-top:0}.user-guide-modal .user-guide-panel.user-guide-red-packet-panel .user-guide-content .user-guide-info{text-align:center;margin-top:0;font-weight:500}.user-guide-modal .user-guide-panel .user-guide-panel-img{width:200px;height:200px;top:-36px}[dir=ltr] .user-guide-modal .user-guide-panel .user-guide-panel-img{left:auto;right:6px}[dir=rtl] .user-guide-modal .user-guide-panel .user-guide-panel-img{right:auto;left:6px}.user-guide-modal .user-guide-panel .user-guide-content{padding-top:60px}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-gift-num{margin:0}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-gift-text{justify-content:start;margin:0}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-info{color:var(--gray-tt-1-title,#121214);margin-top:16px;font-size:16px;font-style:normal;font-weight:400;line-height:150%}[dir=ltr] .user-guide-modal .user-guide-panel .user-guide-content .user-guide-info{text-align:left}[dir=rtl] .user-guide-modal .user-guide-panel .user-guide-content .user-guide-info{text-align:right}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-info em{font-size:16px;font-weight:700}.user-guide-modal .user-guide-panel .user-guide-active-btn{width:286px}[dir=ltr] .user-guide-modal .user-guide-panel .user-guide-active-btn{left:21px}[dir=rtl] .user-guide-modal .user-guide-panel .user-guide-active-btn{right:21px}}@media screen and (width<=768px){.affixed-banner-container{gap:3px}.affixed-banner-left{flex:0 0 50px;position:relative}.affixed-banner-leftImg{width:40px;height:40px;position:absolute;top:4px}[dir=ltr] .affixed-banner-leftImg{left:5px}[dir=rtl] .affixed-banner-leftImg{right:5px}.affixed-banner-center{flex:auto}.affixed-banner-right{flex:0 0 66px}}@media screen and (width>=769px){.affixed-banner-container{gap:12px}.affixed-banner-leftImg{width:40px;height:40px}}@media screen and (width<=768px){.packet-drawer-container{gap:3px;padding:16px;bottom:0;left:0;right:0}.packet-drawer-maskCloseIcon{top:16px}[dir=ltr] .packet-drawer-maskCloseIcon{right:16px}[dir=rtl] .packet-drawer-maskCloseIcon{left:16px}.packet-drawer-rewardBtn{width:calc(100vw - 32px)}}@media screen and (width>=769px){.packet-drawer-container{box-sizing:border-box;background-color:#fff;border-radius:16px;gap:12px;width:480px;padding:24px;top:50%;box-shadow:0 0 24px #1212141a}[dir=ltr] .packet-drawer-container{left:50%;transform:translate(-50%) translateY(-50%)}[dir=rtl] .packet-drawer-container{right:50%;transform:translate(50%) translateY(-50%)}.packet-drawer-maskCloseIcon{top:24px}[dir=ltr] .packet-drawer-maskCloseIcon{right:24px}[dir=rtl] .packet-drawer-maskCloseIcon{left:24px}.packet-drawer-rewardBtn{width:100%}}@keyframes packet-drawer-button{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@media screen and (width<=750px){.complex-modal-container .complex-modal-panel{width:327px;min-height:294px;padding:16px 18px 0;top:calc(50% - 150px)}[dir=ltr] .complex-modal-container .complex-modal-panel{left:calc(50% - 163.5px)}[dir=rtl] .complex-modal-container .complex-modal-panel{right:calc(50% - 163.5px)}.complex-modal-container .complex-modal-panel .complex-modal-image{width:120px;height:120px}.complex-modal-container .complex-modal-panel .complex-modal-title{margin-top:8px;font-size:16px;line-height:24px}.complex-modal-container .complex-modal-panel .complex-modal-subtitle{margin-top:16px}.complex-modal-container .complex-modal-panel .complex-modal-btn{padding:12px 24px}}