body{background-color:#f4f4f4}.viewport{display:flex;flex-direction:column;height:100%;background-image:url(https://pcapi-xiaotuxian-front-devtest.itheima.net/miniapp/images/order_bg.png);background-size:auto 13.125rem;background-repeat:no-repeat}.navbar{position:relative}.navbar .title{height:40px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;color:#fff}.navbar .back{position:absolute;height:40px;width:40px;left:0;font-size:20px;color:#fff;display:flex;justify-content:center;align-items:center}.avatar{text-align:center;width:100%;height:8.125rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.avatar .image{width:5rem;height:5rem;border-radius:50%;background-color:#eee}.avatar .text{display:block;padding-top:.625rem;line-height:1;font-size:.8125rem;color:#fff}.form{background-color:#f4f4f4}.form-content{margin:.625rem .625rem 0;padding:0 .625rem;border-radius:.3125rem;background-color:#fff}.form-item{display:flex;height:3rem;line-height:1.4375rem;padding:.78125rem .3125rem;background-color:#fff;font-size:.875rem;border-bottom:.03125rem solid #ddd}.form-item:last-child{border:none}.form-item .label{width:5.625rem;color:#333}.form-item .account{color:#666}.form-item .input{flex:1;display:block;height:1.4375rem}.form-item .radio{margin-right:.625rem}.form-item .picker{flex:1}.form-item .placeholder{color:gray}.form-button{height:2.5rem;text-align:center;line-height:2.5rem;margin:.9375rem .625rem;color:#fff;border-radius:2.5rem;font-size:.9375rem;background-color:#27ba9b}