.purchase-flow{padding:0 5.55556vw}.purchase-flow p.title{color:#000;margin:0;padding:0 0 5.55556vw;font-size:5vw;font-weight:500;line-height:7.22222vw}.purchase-flow .content-detailed .step{align-items:center;gap:2.77778vw;padding-bottom:6.94444vw;display:flex}.purchase-flow .content-detailed .step.order{align-items:flex-start}.purchase-flow .content-detailed .step .icon-box{flex-direction:column;flex-grow:0;flex-shrink:0;align-self:stretch;align-items:center;display:flex;position:relative}.purchase-flow .content-detailed .step .icon-box .icon{background:radial-gradient(100% 100% at 50% 0,#9cebe8 0%,#fff0 100%),radial-gradient(97% 69% at 72% 100%,#b1f2cfb3 0%,#b8f4d3ac 44%,#ffffff80 100%);border-radius:6.94444vw;flex-grow:0;justify-content:center;align-items:center;width:13.8889vw;height:13.8889vw;display:flex;box-shadow:0 1.11111vw 2.22222vw #33edac4d}.purchase-flow .content-detailed .step .icon-box .icon .step-icon{width:6.66667vw;height:6.66667vw}.purchase-flow .content-detailed .step .icon-box .line-icon{background-image:url(/assets/icons/line-arrow-max.png);background-position:bottom;background-repeat:no-repeat;background-size:2.22222vw 27.7778vw;width:2.22222vw;position:absolute;top:13.8889vw;bottom:-6.94444vw;left:50%;transform:translate(-50%)}.purchase-flow .content-detailed .step .abstract{flex-direction:column;flex-grow:0;flex-shrink:0;justify-content:center;gap:.55556vw;width:22.2222vw;height:13.8889vw;display:flex}.purchase-flow .content-detailed .step .abstract .label{color:#999;font-size:2.77778vw;line-height:3.88889vw}.purchase-flow .content-detailed .step .abstract .value{color:#000;word-break:break-all;font-size:3.33333vw;font-weight:500;line-height:4.44444vw}.purchase-flow .content-detailed .step .desc{color:#000;flex:1;font-size:3.33333vw;line-height:4.44444vw;overflow:hidden}.purchase-flow .content-detailed .step .desc .pay-ico{color:#009b3f;align-items:center;gap:1.38889vw;margin-bottom:1.11111vw;font-weight:500;display:flex}.purchase-flow .content-detailed .step .desc .pay-ico-img{width:3.88889vw;height:3.88889vw;display:block}.purchase-flow .content-detailed .step .desc .pay-desc{color:#000;font-size:3.33333vw;line-height:4.44444vw}.purchase-flow .content-detailed .step .desc .pay-or{color:#999;padding:.55556vw 0}.purchase-flow .content-detailed .step .desc .pay-method-img{width:auto;height:6.66667vw;margin-right:2.22222vw}.purchase-flow .content{justify-content:space-between;display:flex}.purchase-flow .content .step{flex-direction:column;align-items:center;display:flex}.purchase-flow .content .step .icon{background:radial-gradient(100% 100% at 50% 0,#9cebe8 0%,#fff0 100%),radial-gradient(97% 69% at 72% 100%,#b1f2cfb3 0%,#b8f4d3ac 44%,#ffffff80 100%);border-radius:6.94444vw;justify-content:center;align-items:center;width:13.8889vw;height:13.8889vw;display:flex;position:relative;box-shadow:inset 0 -1.38889vw 1.38889vw #fff}.purchase-flow .content .step .icon img.step-icon{width:6.11111vw;height:6.11111vw}.purchase-flow .content .step .icon img.line-icon{margin:auto 0;position:absolute;top:0;bottom:0;right:-10.2778vw}.purchase-flow .content .step .label{color:#999;text-align:center;padding-top:2.22222vw;font-size:3.33333vw;line-height:4.44444vw}.purchase-flow .content .step .value{color:#000;text-align:center;font-size:3.88889vw;font-weight:500;line-height:5.55556vw}
@media screen and (min-width:1024px) and (hover:hover) and (pointer:fine){.purchase-flow{padding:0 20px 0 0}.purchase-flow p.title{margin:0;padding:0 0 20px;font-size:18px;font-weight:500;line-height:26px}.purchase-flow .content-detailed .step{gap:10px;padding-bottom:25px}.purchase-flow .content-detailed .step .icon-box .icon{border-radius:25px;width:50px;height:50px;box-shadow:0 4px 8px #33edac4d}.purchase-flow .content-detailed .step .icon-box .icon .step-icon{width:24px;height:24px}.purchase-flow .content-detailed .step .icon-box .line-icon{background-size:8px 100px;width:8px;top:50px;bottom:-25px}.purchase-flow .content-detailed .step .abstract{gap:2px;width:100px;height:50px}.purchase-flow .content-detailed .step .abstract .label{font-size:10px;line-height:14px}.purchase-flow .content-detailed .step .abstract .value,.purchase-flow .content-detailed .step .desc{font-size:12px;line-height:16px}.purchase-flow .content-detailed .step .desc .pay-ico{gap:5px;margin-bottom:4px}.purchase-flow .content-detailed .step .desc .pay-ico-img{width:14px;height:14px}.purchase-flow .content-detailed .step .desc .pay-desc{font-size:12px;line-height:16px}.purchase-flow .content-detailed .step .desc .pay-or{padding:2px 0}.purchase-flow .content-detailed .step .desc .pay-method-img{height:24px;margin-right:8px}.purchase-flow .content .step .icon{background:radial-gradient(100% 100% at 50% 0,#9cebe8 0%,#fff0 100%),radial-gradient(97% 69% at 72% 100%,#b1f2cfb3 0%,#b8f4d3ac 44%,#ffffff80 100%);border-radius:25px;width:50px;height:50px;box-shadow:inset 0 -5px 5px #fff}.purchase-flow .content .step .icon img.step-icon{width:22px;height:22px}.purchase-flow .content .step .icon img.line-icon{margin:auto 0;top:0;bottom:0;right:-37px}.purchase-flow .content .step .label{padding-top:8px;font-size:12px;line-height:16px}.purchase-flow .content .step .value{font-size:14px;font-weight:500;line-height:20px}}