.page-volunteer{padding-bottom:20px}.page-volunteer .discount-wrap{max-width:var(--width-page-content-content);width:100%;margin:0 auto;padding-top:14px}.page-volunteer .flex-center{display:flex;align-items:center;justify-content:center;width:100%;height:90vh}.page-volunteer .step-wrap{height:80px;background:#1c2f5b}.page-volunteer .step-wrap .wrap-content{width:790px;padding-top:30px;margin:0 auto}.page-volunteer .welcome-wrap{display:flex;align-items:center;justify-content:center;min-height:80vh}@media screen and (max-width:750px){.discount-wrap{padding:0 16px 0}.page-volunteer .step-wrap{overflow:hidden}.page-volunteer .step-wrap .wrap-content{width:100%;padding:30px 16px 0}}._component-banner[data-v-ece330f0]{width:125%;position:relative;left:50%;transform:translate(-50%);display:flex;justify-content:space-between}._step-item[data-v-ece330f0]{position:relative}._step-item.active ._item-pointer[data-v-ece330f0],._step-item.active[data-v-ece330f0]:after,._step-item.active[data-v-ece330f0]:before{background:#20c25d}._step-item.active.last-active._step-item.active[data-v-ece330f0]:after{background:#101f40}._step-item.active ._step-name[data-v-ece330f0]{font-weight:600}._step-item[data-v-ece330f0]:after,._step-item[data-v-ece330f0]:before{content:"";width:50%;height:2px;background:#101f40;position:absolute;left:0;top:50%;transform:translateY(-1px);z-index:-1}._step-item:first-of-type._step-item[data-v-ece330f0]:before,._step-item:last-of-type._step-item[data-v-ece330f0]:after{display:none}._step-item[data-v-ece330f0]:after{left:50%}._item-pointer[data-v-ece330f0]{width:8px;height:8px;border-radius:50%;background:#101f40;margin:0 auto}._step-name[data-v-ece330f0]{position:absolute;left:50%;top:50%;transform:translate(-50%,8px);font-size:14px;line-height:24px;color:#fff}@media screen and (max-width:750px){._step-name[data-v-ece330f0]{font-size:12px;white-space:nowrap}}._component-apply-discount[data-v-e815f012]{--background-color:var(--color-red-default);--border-radius:var(--radius-1);--padding:10px;--text-secondary-color:hsla(0,0%,100%,0.8);background-color:var(--background-color);border-radius:var(--border-radius);padding:var(--padding)}._component-apply-discount .text-2[data-v-e815f012]{color:var(--text-secondary-color)}