.xm-color-g10{color:#fcfcfc}.xm-color-g20{color:#f9f9f9}.xm-color-g30{color:#ebebeb}.xm-color-g40{color:#d6d6d6}.xm-color-g50{color:#b2b2b2}.xm-color-g60{color:#8c8c8c}.xm-color-g70{color:#666}.xm-color-g80{color:#2b2b2b}.xm-color-g90{color:#111}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(19px,0);transform:translate(19px,0)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(19px,0);transform:translate(19px,0)}}.loading{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block;width:64px;height:40px}.loading div{position:absolute;top:15.5px;width:9px;height:9px;border-radius:50%;background:#fff;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.loading.dark div{background:#000}.loading div:nth-child(1){left:6px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.loading div:nth-child(2){left:6px;-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.loading div:nth-child(3){left:26px;-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.loading div:nth-child(4){left:45px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}.xm-color-g10{color:#fcfcfc}.xm-color-g20{color:#f9f9f9}.xm-color-g30{color:#ebebeb}.xm-color-g40{color:#d6d6d6}.xm-color-g50{color:#b2b2b2}.xm-color-g60{color:#8c8c8c}.xm-color-g70{color:#666}.xm-color-g80{color:#2b2b2b}.xm-color-g90{color:#111}.xm-dialog{border-radius:20px}.xm-dialog__close-btn{top:20px;right:20px}.surrounding__qrcode{margin-bottom:30px;background-color:#f8f9fa}.surrounding__qrcode .container{display:flex;justify-content:space-between}@media only screen and (max-width:767px){.surrounding__qrcode .container{display:block;background-color:#fff;flex-direction:column;margin-top:16px}}.surrounding__qrcode a{text-decoration:none;color:#000}.surrounding__qrcode__container{display:flex;align-items:center;justify-content:center;flex:1;position:relative;height:80px;font-size:16px;font-weight:400;line-height:24px}@media only screen and (max-width:767px){.surrounding__qrcode__container{width:100%;height:60px;align-items:center;background-color:#f8f9fa;margin-bottom:8px;border-radius:12px}}.surrounding__qrcode__container .icon{margin-right:16px}.surrounding__qrcode__container .icon__1{height:28px}.surrounding__qrcode__container .icon__2{height:37px}.surrounding__qrcode__container .icon__3{height:31px}.surrounding__qrcode__container:hover{cursor:pointer}.surrounding__qrcode__wrapper{display:none;position:absolute;bottom:100%;padding:1rem 1rem .6rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:24px;text-align:center;box-shadow:0 0 30px rgba(0,0,0,.1);border-radius:16px;background:#fff}.surrounding__qrcode__wrapper::after{content:"";display:inline-block;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-style:solid;border-width:16px 16px 0 16px;border-color:#fff transparent transparent transparent}.surrounding__qrcode__wrapper.active{display:inline-block}.surrounding__qrcode__wrapper img{width:100px}.surrounding__qrcode__wrapper .desc{font-size:12px;line-height:18px;color:rgba(60,60,67,.6)}.surrounding__store-code-container{display:flex;justify-content:space-between;margin-bottom:30px;font-size:20px;font-weight:500;line-height:24px}.surrounding__store-code-container>div{width:32%;background-color:#f8f9fa;border-radius:20px;height:140px;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:767px){.surrounding__store-code-container>div{width:100%;margin-bottom:16px}}.surrounding__store-code-container img{height:35px;margin-right:16px}@media only screen and (max-width:767px){.surrounding__store-code-container{display:block;font-size:16px;font-weight:400;line-height:26px}}.surrounding__store{position:relative;height:520px;background-color:#f1eae0;background-image:url(https://s3.cn-north-1.amazonaws.com.cn/assets.xmind.cn/www/assets/images/thankyou/store-bg-13ba887061.png);background-position:top right;background-repeat:no-repeat;background-size:auto 100%;padding-left:calc((179px)/ 2);padding-left:calc(calc(((162px + 17px) - calc((162px - 17px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((162px - 17px)/ (1184px - 600px) * 100)vw);padding-right:calc((179px)/ 2);padding-right:calc(calc(((162px + 17px) - calc((162px - 17px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((162px - 17px)/ (1184px - 600px) * 100)vw);padding-top:calc((204px)/ 2);padding-top:calc(calc(((164px + 40px) - calc((164px - 40px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((164px - 40px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:1184px){.surrounding__store{padding-left:162px;padding-right:162px;padding-top:164px}}@media only screen and (max-width:599px){.surrounding__store{padding-left:17px;padding-right:17px;padding-top:40px}}@media only screen and (max-width:1023px){.surrounding__store{background-size:100% auto;background-position:bottom 0 right 0;background-image:url(https://s3.cn-north-1.amazonaws.com.cn/assets.xmind.cn/www/assets/images/thankyou/store-bg-mobile-1f42941def.png)}}@media only screen and (max-width:599px){.surrounding__store{flex-direction:column}}.surrounding__store h2,.surrounding__store h3{margin-top:0!important;margin-bottom:0!important;color:#000;font-weight:700}.surrounding__store h2{font-size:calc((104px)/ 2);font-size:calc(calc(((72px + 32px) - calc((72px - 32px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((72px - 32px)/ (1184px - 600px) * 100)vw);margin-bottom:calc((26px)/ 2);margin-bottom:calc(calc(((24px + 2px) - calc((24px - 2px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((24px - 2px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:1184px){.surrounding__store h2{font-size:72px;margin-bottom:24px}}@media only screen and (max-width:599px){.surrounding__store h2{font-size:32px;margin-bottom:2px}}.surrounding__store h3{margin-bottom:16px;font-size:calc((104px)/ 2);font-size:calc(calc(((56px + 48px) - calc((56px - 48px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((56px - 48px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:1184px){.surrounding__store h3{font-size:56px}}@media only screen and (max-width:599px){.surrounding__store h3{font-size:48px}}.surrounding__store .code{display:flex;justify-content:flex-end;align-items:center}.surrounding__store .code img{width:calc((156px)/ 2);width:calc(calc(((100px + 56px) - calc((100px - 56px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((100px - 56px)/ (1184px - 600px) * 100)vw);border-radius:8px}@media only screen and (min-width:1184px){.surrounding__store .code img{width:100px}}@media only screen and (max-width:599px){.surrounding__store .code img{width:56px}}@media only screen and (max-width:599px){.surrounding__store .code img{border-radius:6px}}@media only screen and (min-width:600px){.surrounding__store .code-mobile{display:none}}@media only screen and (max-width:599px){.surrounding__store .code-desktop{display:none}}.surrounding__store-title{color:#fff}.surrounding__store-title p{font-weight:600;font-size:calc((32px)/ 2);font-size:calc(calc(((20px + 12px) - calc((20px - 12px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((20px - 12px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:1184px){.surrounding__store-title p{font-size:20px}}@media only screen and (max-width:599px){.surrounding__store-title p{font-size:12px}}@media only screen and (max-width:599px){.surrounding__store-title p{display:none}}.surrounding__store-content .desc{color:#4a5056;font-size:16px;width:calc((795px)/ 2);width:calc(calc(((453px + 342px) - calc((453px - 342px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((453px - 342px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:1184px){.surrounding__store-content .desc{width:453px}}@media only screen and (max-width:599px){.surrounding__store-content .desc{width:342px}}@media only screen and (max-width:599px){.surrounding__store-content .desc{margin-top:8px;margin-bottom:0}}.surrounding__divide{border-top:1px solid rgba(0,0,0,.1);margin:48px 0}.surrounding__title{text-align:center;margin-bottom:15px}.surrounding .new-tag{position:absolute;top:16px;right:16px;padding:4px 16px;background-color:#fc6149;border-radius:50px;font-size:16px;color:#fff;font-weight:600}@media only screen and (min-width:600px){.surrounding .wider{grid-column-start:span 2}}.surrounding .wider .card-front{position:relative}@media only screen and (max-width:599px){.surrounding .wider .card-front img{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media only screen and (min-width:768px){.surrounding .wider .surrounding__price{font-size:20px}}.surrounding__card{position:relative;-webkit-perspective:2000px;perspective:2000px;border-radius:20px;overflow:hidden}.surrounding__card:hover{text-decoration:none;-webkit-transform:scale(1.02);transform:scale(1.02);box-shadow:0 0 2px rgba(0,0,0,.08),0 8px 32px rgba(0,0,0,.08)}.surrounding__card .front-rotate{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.surrounding__card .back-rotate{-webkit-transform:rotateY(0)!important;transform:rotateY(0)!important}.surrounding__card .card-slide{background-color:#f8f9fa;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear}.surrounding__card .card-front{cursor:pointer;display:flex;flex-direction:column;color:#000;height:100%}.surrounding__card .tip{font-size:14px;color:rgba(60,60,67,.6)}.surrounding__card h5{font-size:18px;font-weight:700}.surrounding__container{display:grid;gap:30px}@media only screen and (min-width:600px){.surrounding__container{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.surrounding__container{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1024px){.surrounding__container{grid-template-columns:repeat(4,1fr)}}.surrounding__desc{flex-basis:100%;display:flex;flex-direction:column;justify-content:space-between;padding:16px 24px}.surrounding__desc-title{margin-bottom:14px}.surrounding__price{margin-top:0}.surrounding__price del{margin-left:8px;color:#c8c8c8}.surrounding__price span{font-weight:600}.thanks__attention{background-color:#f8f9fa;text-align:center;padding-top:calc((150px)/ 2);padding-top:calc(calc(((100px + 50px) - calc((100px - 50px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((100px - 50px)/ (1184px - 600px) * 100)vw);padding-bottom:calc((150px)/ 2);padding-bottom:calc(calc(((100px + 50px) - calc((100px - 50px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((100px - 50px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:1184px){.thanks__attention{padding-top:100px;padding-bottom:100px}}@media only screen and (max-width:599px){.thanks__attention{padding-top:50px;padding-bottom:50px}}.thanks__attention h2{font-size:calc((76px)/ 2);font-size:calc(calc(((48px + 28px) - calc((48px - 28px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((48px - 28px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:1184px){.thanks__attention h2{font-size:48px}}@media only screen and (max-width:599px){.thanks__attention h2{font-size:28px}}.thanks__attention .attention-desc{margin:0 auto;max-width:680px;margin-top:24px}@media only screen and (min-width:768px){.thanks__attention .attention-desc{font-size:20px}}.thanks__attention .attention-content{display:grid;gap:30px;margin-top:calc((102px)/ 2);margin-top:calc(calc(((68px + 34px) - calc((68px - 34px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((68px - 34px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:768px){.thanks__attention .attention-content{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1184px){.thanks__attention .attention-content{margin-top:68px}}@media only screen and (max-width:599px){.thanks__attention .attention-content{margin-top:34px}}.thanks__attention .attention-card{border-radius:20px;padding:40px;background-color:#fff;display:flex;justify-content:space-between;align-items:center}.thanks__attention .attention-card .icon-wechat{font-size:50px;color:#01bc0d}.thanks__attention .attention-card .icon-xiaohongshu{font-size:32px;color:#ff2741}.thanks__attention .attention-card__code img{width:100px}.thanks__attention .attention-card__code p{margin-top:16px;font-size:16px;color:rgba(60,60,67,.3)}.thanks__attention .attention-card__xhs img{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}body{opacity:0}.thanks-download{min-height:100vh;padding-top:calc((150px)/ 2);padding-top:calc(calc(((100px + 50px) - calc((100px - 50px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((100px - 50px)/ (1184px - 600px) * 100)vw);padding-bottom:calc((150px)/ 2);padding-bottom:calc(calc(((100px + 50px) - calc((100px - 50px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((100px - 50px)/ (1184px - 600px) * 100)vw);background-image:url(https://s3.cn-north-1.amazonaws.com.cn/assets.xmind.cn/www/assets/images/download/new/download-bg-6d3829ac73.svg);background-repeat:no-repeat;background-position:top center}@media only screen and (min-width:1184px){.thanks-download{padding-top:100px;padding-bottom:100px}}@media only screen and (max-width:599px){.thanks-download{padding-top:50px;padding-bottom:50px}}@media only screen and (max-width:599px){.thanks-download{background-image:url(https://s3.cn-north-1.amazonaws.com.cn/assets.xmind.cn/www/assets/images/download/new/download-mobile-bg-286bdce62b.svg)}}@media only screen and (max-width:1439px){.thanks-download{background-size:100% auto}}.thanks-download__head{padding-bottom:calc((150px)/ 2);padding-bottom:calc(calc(((100px + 50px) - calc((100px - 50px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((100px - 50px)/ (1184px - 600px) * 100)vw);text-align:center}@media only screen and (min-width:1184px){.thanks-download__head{padding-bottom:100px}}@media only screen and (max-width:599px){.thanks-download__head{padding-bottom:50px}}.thanks-download h1{font-weight:700;font-size:calc((100px)/ 2);font-size:calc(calc(((64px + 36px) - calc((64px - 36px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((64px - 36px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:1184px){.thanks-download h1{font-size:64px}}@media only screen and (max-width:599px){.thanks-download h1{font-size:36px}}.thanks-download .tips{font-size:calc((36px)/ 2);font-size:calc(calc(((20px + 16px) - calc((20px - 16px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((20px - 16px)/ (1184px - 600px) * 100)vw);padding-left:calc((240px)/ 2);padding-left:calc(calc(((240px + 0px) - calc((240px - 0px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((240px - 0px)/ (1184px - 600px) * 100)vw);padding-right:calc((240px)/ 2);padding-right:calc(calc(((240px + 0px) - calc((240px - 0px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((240px - 0px)/ (1184px - 600px) * 100)vw);font-weight:500}@media only screen and (min-width:1184px){.thanks-download .tips{font-size:20px;padding-left:240px;padding-right:240px}}@media only screen and (max-width:599px){.thanks-download .tips{font-size:16px;padding-left:0;padding-right:0}}.thanks-download .download__logo{display:inline-block;z-index:1;position:relative;margin-bottom:calc((90px)/ 2);margin-bottom:calc(calc(((60px + 30px) - calc((60px - 30px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((60px - 30px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:1184px){.thanks-download .download__logo{margin-bottom:60px}}@media only screen and (max-width:599px){.thanks-download .download__logo{margin-bottom:30px}}.thanks-download .download__logo .shape{position:absolute}.thanks-download .download__logo .shape-quadrilateral{width:20px;height:12px;background-color:#48b7f5;-webkit-clip-path:polygon(25% 55%,100% 0,100% 100%,0 100%);clip-path:polygon(25% 55%,100% 0,100% 100%,0 100%)}.thanks-download .download__logo .shape-circle{width:15px;height:15px;background-color:#60c959;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.thanks-download .download__logo .shape-rhombus{width:15px;height:20px;background-color:#f178b6;-webkit-clip-path:polygon(50% 0,100% 33%,50% 100%,0 33%);clip-path:polygon(50% 0,100% 33%,50% 100%,0 33%)}.thanks-download .download__logo-animation{position:absolute;bottom:22px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:160%;height:110%;z-index:-1;overflow:hidden;border-radius:45%}@media only screen and (max-width:767px){.thanks-download .download__logo .logo{width:120px}}.thanks-download .download__logo-icon{position:absolute;top:-30px;right:-50px;-webkit-animation:download .8s ease-in-out infinite alternate;animation:download .8s ease-in-out infinite alternate}@media only screen and (max-width:767px){.thanks-download .download__logo-icon{top:-20px;right:-30px}}@media only screen and (max-width:767px){.thanks-download .download__logo-icon img{width:60px}}@-webkit-keyframes download{from{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes download{from{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(5px);transform:translateY(5px)}}.thanks-download__surrounding{background-color:#fff;padding-top:calc((170px)/ 2);padding-top:calc(calc(((100px + 70px) - calc((100px - 70px)/ (1184px - 600px)) * (1184px + 600px))/ 2) + calc((100px - 70px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:1184px){.thanks-download__surrounding{padding-top:100px}}@media only screen and (max-width:599px){.thanks-download__surrounding{padding-top:70px}}.thanks-download__surrounding .surrounding{margin-top:0}