.vip-diaglog-button{background-color:#000;border-radius:52px;color:#fff;position:relative}.vip-diaglog-button-video{position:relative}.vip-diaglog-button-video:after{border-color:#00cb64;border-radius:16px;border-style:solid;border-width:1px;-moz-box-sizing:border-box;box-sizing:border-box;content:"";height:200%;left:0;pointer-events:none;position:absolute;top:0;-moz-transform:scale(.5);transform:scale(.5);-moz-transform-origin:0 0;transform-origin:0 0;width:200%}.seo-modal-container{background-color:hsla(0,0%,7%,.5);display:-moz-box;display:flex;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:100;-moz-box-pack:center;justify-content:center;-moz-box-align:end;align-items:flex-end;padding-bottom:6px;padding-left:6px;padding-right:6px}.seo-modal-container .modal{background:#fff;border-radius:32px;display:-moz-box;display:flex;max-width:640px;overflow:hidden;padding-bottom:36px;position:relative;width:100vw;-moz-box-orient:vertical;-moz-box-direction:normal;flex-flow:column nowrap;-moz-box-align:center;align-items:center}.seo-modal-container .modal .title{color:#121212;font-family:PingFang SC;font-size:24px;font-style:normal;font-weight:600;line-height:normal}.seo-modal-container .modal .modal-logo{height:auto;left:0;max-width:640px;top:0;width:100%}.seo-modal-container .modal .sub-title{color:#121212;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;margin-top:8px;opacity:.4;text-align:center}.seo-modal-container .modal .main-btn{background:-moz-linear-gradient(top,#acff79 0,#31e44c 100%);background:linear-gradient(180deg,#acff79,#31e44c);border-radius:12px;height:48px;margin-top:32px;width:85%;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;display:-moz-box;display:flex}.seo-modal-container .modal .main-btn .text{color:#121212;font-family:PingFang SC;font-size:15px;font-style:normal;font-weight:500;line-height:normal}.seo-modal-container .modal .close{cursor:pointer;height:24px;position:absolute;right:24px;top:24px;width:24px}.qr-code{border-radius:12px;height:144px;margin-top:39px;width:144px}.download-container{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;background-color:#fff;border-radius:8px;height:48px;margin-top:50px;width:369px}.download-container .download{color:#121212;font-size:16px;font-style:normal;font-weight:500}.download-container .mac{height:24px;width:24px}.download-text{color:hsla(0,0%,60%,.97);font-size:16px;font-style:normal;font-weight:510;margin-top:24px}.flex-center{-moz-box-pack:center;justify-content:center}.flex-center,.flex-start-center{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.flex-start-center{-moz-box-pack:start;justify-content:flex-start}.flex-end-center{-moz-box-pack:end;justify-content:flex-end}.flex-between,.flex-end-center{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.flex-between{-moz-box-pack:justify;justify-content:space-between}.theme-button{background-image:-moz-linear-gradient(left,#ff6464 0,#e5005a 100%);background-image:linear-gradient(90deg,#ff6464,#e5005a);color:#fff;cursor:pointer;font-family:Gilmer,-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600}.sub-text{color:hsla(0,0%,100%,.6);font-size:11px}.abs-center{left:50%;position:absolute;top:50%;-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ellipse{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.with-icon{background-size:contain}.with-bg,.with-icon{background-position:50%;background-repeat:no-repeat}.with-bg{background-size:cover}.transparent-panel{background-color:rgba(188,174,207,.1);border-radius:12px}.expoEaseOut{-moz-transition-timing-function:cubic-bezier(.14,1,.34,1);transition-timing-function:cubic-bezier(.14,1,.34,1)}.sineEaseInOut{-moz-transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-timing-function:cubic-bezier(.445,.05,.55,.95)}.to-bottom-easing-gradient{background:-moz-linear-gradient(top,rgba(19,16,23,0) 0,rgba(19,16,23,.08) 8%,rgba(19,16,23,.11) 11%,rgba(19,16,23,.15) 15%,rgba(19,16,23,.21) 21%,rgba(19,16,23,.29) 29%,rgba(19,16,23,.37) 37%,rgba(19,16,23,.46) 46%,rgba(19,16,23,.55) 55%,rgba(19,16,23,.64) 64%,rgba(19,16,23,.73) 73%,rgba(19,16,23,.81) 81%,rgba(19,16,23,.88) 88%,rgba(19,16,23,.94) 94%,rgba(19,16,23,.98) 98%,#131017 100%);background:linear-gradient(180deg,rgba(19,16,23,0) 0,rgba(19,16,23,.08) 8%,rgba(19,16,23,.11) 11%,rgba(19,16,23,.15) 15%,rgba(19,16,23,.21) 21%,rgba(19,16,23,.29) 29%,rgba(19,16,23,.37) 37%,rgba(19,16,23,.46) 46%,rgba(19,16,23,.55) 55%,rgba(19,16,23,.64) 64%,rgba(19,16,23,.73) 73%,rgba(19,16,23,.81) 81%,rgba(19,16,23,.88) 88%,rgba(19,16,23,.94) 94%,rgba(19,16,23,.98) 98%,#131017)}.container-width-match{margin:auto;width:940px}@media screen and (max-width:960px){.container-width-match{-moz-box-sizing:border-box;box-sizing:border-box;padding:0 16px;width:100%}}@media screen and (min-width:1440px){.container-width-match{max-width:1400px;width:-moz-calc(100vw - 500px);width:calc(100vw - 500px)}}@-moz-keyframes common-spin{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes common-spin{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:iconfont;src:url(data:font/ttf;base64,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) format("truetype")}@font-face{font-family:Douyin Number;src:url(https://lf-luna.qishui.com/obj/music-luna-fe/ies/luna-share-h5-edenx/static/font/DouyinNumberABC-ExtraBold.50431dec.otf)}a{cursor:pointer;text-decoration:none}body,html{background-color:#131017;min-height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}body{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}*{-moz-box-sizing:border-box;box-sizing:border-box;font-family:Gilmer,-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}button,h1,h2,h3,p{margin:0;padding:0}button{border:none;outline:none}#root{height:100%;position:relative;width:100%;z-index:0}@media screen and (min-width:800px){#root{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center}}.topBg{background-position:100% top;background-size:100% auto;height:274px;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.wrapper{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;min-height:100vh;padding:0 20px;width:100vw}.user-info,.wrapper{display:-moz-box;display:flex;position:relative}.user-info{margin-bottom:10px;margin-top:32px;padding-left:12px;width:100%}.inviter-avatar{border-radius:50%;height:44px;width:44px}.inviter-name{display:-moz-box;display:flex;margin-left:8px;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;font-size:16px;font-weight:500;-moz-box-pack:center;color:#545454;justify-content:center;width:100%}.inviter-name .text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-wrapper{align-self:flex-end;border:1px solid rgba(0,0,0,.1);border-radius:16px;color:rgba(0,0,0,.6);font-size:12px;font-weight:500;height:25px;line-height:17px;margin-bottom:26px;padding:4px 12px;position:absolute;right:24px;top:23px}.invite-wrapper{display:-moz-box;display:flex;position:relative;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.invite-img{width:100%}.expired_page{background-color:#000;height:100vh;width:100vw}.expired_page,.expired_page .expired_content{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.expired_page .expired_content{width:100%}.expired_page .expired_content .expired_page_img{height:88px;margin-bottom:6px;width:88px}.expired_page .expired_content .expired_page_text{color:hsla(0,0%,100%,.5);color:var(--Dark-Text-common_base4,hsla(0,0%,100%,.5));font-family:PingFang SC;font-size:15px;font-style:normal;font-weight:500;line-height:21px;margin-bottom:54px;text-align:center}.expired_page .expired_content .expired_page_button_wrapper{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.expired_page .expired_content .expired_page_button_wrapper .expired_page_button{background:#00cb64;border-radius:12px;flex-shrink:0;height:48px;line-height:48px;position:relative;text-align:center;vertical-align:center;width:295px}.expired_page .expired_content .expired_page_button_wrapper .expired_page_button:after{background-image:url(https://lf-luna.qishui.com/obj/music-luna-fe/ies/luna-share-h5-edenx/static/image/new-user-invite-tag.85e7283a.png);background-size:cover;content:"";height:29px;position:absolute;right:-4px;top:-10px;width:136px;z-index:1}.invite-button-wrapper{height:48px;margin-top:18px;padding:0 16px;width:100%}.invite-button-wrapper .invite-button{background:#121212;border-radius:12px;display:-moz-box;display:flex;font-size:15px;font-weight:500;line-height:21px;padding:14px 0;width:100%;-moz-box-align:center;align-items:center;-moz-box-pack:center;color:#fff;justify-content:center;margin:auto;margin-top:5px;position:relative}.invite-button-wrapper .invite-button:after{background-image:url(https://lf-luna.qishui.com/obj/music-luna-fe/ies/luna-share-h5-edenx/static/image/new-user-invite-tag.85e7283a.png);background-size:cover;content:"";height:29px;position:absolute;right:-4px;top:-10px;width:136px;z-index:1}.invite-button-wrapper .light-move{background-image:url(https://lf-luna.qishui.com/obj/music-luna-fe/ies/luna-share-h5-edenx/static/image/light_move.c28b73dc.png);background-size:cover;bottom:0;height:48px;left:-198px;position:absolute;width:198px}.remainTime{color:#406387;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.28px;line-height:normal;text-align:center}.friends-invited-wrapper{margin-top:0;padding-bottom:19px;width:100%;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.friends-invited-section,.friends-invited-wrapper{background:#beeff3;border-radius:18px;display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.friends-invited-section{padding:22px 17px;width:-moz-calc(100% - 48px);width:calc(100% - 48px);-moz-box-pack:justify;justify-content:space-between}.friends-invited-item{position:relative;-moz-box-pack:justify;justify-content:space-between}.friends-invited-item,.friends-invited-tips{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center}.friends-invited-tip-normal{color:#0e505c;font-size:11px;letter-spacing:-.22px;text-align:center}.friends-invited-tip-strong{color:#0e505c;font-family:SF Pro;font-size:16px;font-weight:700;letter-spacing:-.32px;margin-bottom:20px;margin-top:3px;text-align:center}.split-line{background:rgba(64,99,135,.2);border-radius:1px;height:50px;margin-top:62px;width:1px}.action-steps-wrapper{background:#beeff3;border-radius:18px;display:-moz-box;display:flex;height:151px;margin-top:29px;padding:15px 17px;position:relative;width:100%;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center}.action-split-line{background:#78e0e7;border-radius:1px;height:1px;margin-top:-44.5px;width:12px}.action-title{color:#0e505c;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:20px;text-align:center}.action-steps{height:89px;margin-top:14px;width:100%;-moz-box-pack:justify;justify-content:space-between}.action-step-item,.action-steps{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.action-step-item{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-flex:1;flex:1 1;min-width:0}.action-icon-wrapper{background-color:#78e0e7;border-radius:50%;display:-moz-box;display:flex;height:44px;width:44px;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.action-text{color:rgba(14,80,92,.65);font-family:PingFang SC;font-size:13px;line-height:18px;margin-top:8px;text-align:center}.bottom-logo{margin-bottom:15px;margin-top:14px;position:relative;width:84px}@-moz-keyframes slideIn{0%{-moz-transform:translateX(0);transform:translateX(0)}57%{-moz-transform:-moz-calc(100% + 118px);transform:calc(100% + 118px)}to{left:-moz-calc(100% + 198px);left:calc(100% + 198px);-moz-transform:-moz-calc(100% + 118px);transform:calc(100% + 118px)}}@keyframes slideIn{0%{-moz-transform:translateX(0);transform:translateX(0)}57%{-moz-transform:-moz-calc(100% + 118px);transform:calc(100% + 118px)}to{left:-moz-calc(100% + 198px);left:calc(100% + 198px);-moz-transform:-moz-calc(100% + 118px);transform:calc(100% + 118px)}}.coverWrapper-qYRFlu,.friend-info-PL_C42{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;position:relative}.coverWrapper-qYRFlu{height:52px;width:52px}.ring-NszmCH{border:2px solid #1ac9e9;border-radius:42px}.emptyRing-nldhs4,.ring-NszmCH{height:44px;position:relative;width:44px}.emptyRing-nldhs4{border:2px solid #fff;border-radius:42px}.number-LyV_IZ{border-radius:16px;bottom:3px;height:16px;left:0;position:absolute;width:16px;z-index:1}.name-BKXZA6{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emptyName-F7rbjV,.name-BKXZA6{font-size:12px;line-height:17px;-moz-box-align:center;align-items:center;color:#0e505c;margin-top:1px;opacity:.65}.cover-Pybr5i{border-radius:40px;height:100%;position:absolute;width:100%;z-index:0}