@charset "UTF-8";.order-done{--font-size: 14px;--content-padding: 48px 20px;--content-gutter: 32px}.order-done .z-ec-page-title{text-align:center}.order-done--content{background-color:var(--c-card);border-radius:5px;padding:var(--content-padding);display:flex;flex-direction:column;align-items:center}.order-done--id{margin-bottom:var(--content-gutter)}.order-done--id span{font-size:32px;font-style:normal;font-weight:700}.order-done--id .title{margin-right:20px;font-size:20px;text-align:right}.order-done--img{margin-bottom:calc(var(--content-gutter) - 12px);display:flex;max-width:80%;flex-wrap:wrap;justify-content:center}.order-done--img .el-image{display:flex;align-items:center;margin-left:12px;margin-right:12px;margin-bottom:12px;max-width:100px}.order-done--tips{max-width:640px}.order-done--tips .z-li-style{list-style-type:"※";padding:0 5px 0 0}.order-done--tips .z-li-text,.order-done--tips .z-li-text a{font-size:var(--font-size);font-style:normal;font-weight:400;line-height:150%}.order-done--tips .z-li-text{margin-bottom:17px}.order-done--tips .z-li-text a{text-decoration:underline;font-weight:700}.order-done--detail,.order-done--back{display:flex;justify-content:center}.order-done--detail{margin-top:var(--z-content-gutter)}.order-done--back{margin-top:16px}body[xs] .order-done,body[mx] .order-done{--z-page-title-size: 23px}body[xs] .order-done--id span,body[mx] .order-done--id span{font-size:28px}body[xs] .order-done--id .title,body[mx] .order-done--id .title{margin-right:12px;font-size:18px}body[xs] .order-done--img,body[mx] .order-done--img{max-width:100%}