.okx-ordering__hero-stage{aspect-ratio:1/.9}.okx-ordering__hero-phone{display:block;position:absolute}.okx-ordering__hero-phone--front{z-index:2;width:33%;top:6%;left:15%;transform:rotate(-3deg)}.okx-ordering__hero-phone--back{z-index:1;width:30%;top:11%;right:13%;transform:rotate(4deg)}.okx-ordering__hero-phone img,.okx-ordering__step img{width:100%;height:auto;display:block}.okx-ordering__steps-stage{aspect-ratio:1/.8}.okx-ordering__step{display:block;position:absolute}.okx-ordering__step--1{width:30%;top:12%;left:3%}.okx-ordering__step--2{z-index:2;width:30%;top:5%;left:35%}.okx-ordering__step--3{width:32%;top:15%;right:3%}.okx-ordering__need-stage{aspect-ratio:1/.86}.okx-ordering__tablet{width:70%;position:absolute;top:8%;left:5%}.okx-ordering .okx-ordering__slip{z-index:3;width:max(48%,250px);margin:0;padding:18px 18px 14px;font-size:.8rem;position:absolute;bottom:11%;right:5%;transform:rotate(-2deg)}.okx-ordering__slip .okx-ticket__head{font-size:.62rem}.okx-ordering__slip ul{border-top:1.5px dashed var(--okx-line-strong);margin-top:10px;padding:2px 0;display:grid}.okx-ordering__slip li{grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 0;display:grid}.okx-ordering__slip li+li{border-top:1px dotted var(--okx-line-strong)}.okx-ordering__slip li>span:last-child{color:var(--okx-text-2);text-align:right;white-space:nowrap}.okx-ordering__slip li[data-state=bring]>span:last-child{color:var(--okx-signal-ink);font-weight:650}.okx-ordering__box{border:1.5px solid var(--okx-line-strong);border-radius:4px;place-items:center;width:16px;height:16px;display:grid}.okx-ordering__slip li[data-state=in] .okx-ordering__box{border-color:var(--okx-success);background:var(--okx-success);color:var(--okx-paper)}.okx-ordering__box svg{stroke-width:3px;width:12px;height:12px}.okx-ordering__slip .okx-ticket__rows{margin-top:4px;padding:2px 0}.okx-ordering__slip .okx-ticket__rows>div{padding:4px 0}.okx-ordering__slip .okx-ticket__excluded{padding-top:10px;font-size:.72rem;line-height:1.45}.okx-ordering__slip .okx-num{vertical-align:middle;width:20px;height:20px;box-shadow:none;margin-left:6px;font-size:.66rem;display:inline-grid;position:static}.okx-ordering__links{flex-wrap:wrap;gap:0 22px;display:flex;margin-top:14px!important}.okx-ordering__fit .okx-split{align-items:center}.okx-ordering .okx-ordering__types{justify-self:center;width:100%;max-width:440px;margin:0;padding:26px 26px 18px}.okx-ordering__types ul{border-top:1.5px dashed var(--okx-line-strong);margin-top:12px;display:grid}.okx-ordering__types li+li{border-top:1px dotted var(--okx-line-strong)}.okx-ordering__types li>a,.okx-ordering__types li>span{-moz-column-gap:10px;min-height:46px;color:var(--okx-ink);grid-template-columns:auto minmax(18px,1fr) 18px;align-items:center;column-gap:10px;font-size:1rem;font-weight:620;text-decoration:none;display:grid}.okx-ordering__types li>span{grid-template-columns:auto}.okx-ordering__types li>a i{border-bottom:2px dotted var(--okx-line-strong);transform:translateY(4px)}.okx-ordering__types li>a svg{width:18px;height:18px;color:var(--okx-primary);stroke-width:2.2px}.okx-ordering__types li>a:hover span,.okx-ordering__types li>a:focus-visible span{color:var(--okx-primary);text-underline-offset:4px;text-decoration:underline}.okx-ordering__types .okx-more{margin-top:6px}@media (width>=1024px) and (width<=1279px){.okx-ordering__need-stage{aspect-ratio:1/1.12}}@media (width<=600px){.okx-ordering__hero-stage{aspect-ratio:1/1.02;min-height:306px}.okx-ordering__hero-phone--front{width:42%;top:6%;left:7%}.okx-ordering__hero-phone--back{width:38%;top:12%;right:6%}.okx-ordering__steps-stage{aspect-ratio:1}.okx-ordering__step--1{width:36%;top:8%;left:2%}.okx-ordering__step--2{width:36%;top:3%;left:32%}.okx-ordering__step--3{width:38%;top:10%;right:2%}.okx-ordering__need-stage{aspect-ratio:auto;padding:5% 5% 60px;display:grid}.okx-ordering__tablet{width:100%;position:relative;top:auto;left:auto}.okx-ordering .okx-ordering__slip{justify-self:end;width:min(88%,320px);margin-top:-9%;padding:14px 14px 10px;font-size:.76rem;position:relative;bottom:auto;right:auto;transform:rotate(-1.5deg)}.okx-ordering .okx-ordering__types{padding:20px 18px 14px}}