body{height:100%;overflow:hidden;background-color:#f7f7f8}.viewport{height:100%;background-repeat:no-repeat;background-image:url(https://pcapi-xiaotuxian-front-devtest.itheima.net/miniapp/images/center_bg.png);background-size:100% auto}.profile{margin-top:.9375rem;position:relative}.profile .overview{display:flex;height:3.75rem;padding:0 1.125rem;color:#fff}.profile .avatar{width:3.75rem;height:3.75rem;border-radius:50%;background-color:#eee}.profile .gray{filter:grayscale(100%)}.profile .meta{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:.9375rem;padding:.5rem 0;margin-left:.625rem}.profile .nickname{max-width:5.625rem;margin-bottom:.5rem;font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile .extra{display:flex;font-size:.625rem}.profile .tips{font-size:.6875rem}.profile .update{padding:.09375rem .3125rem .03125rem;color:rgba(255,255,255,.8);border:.03125rem solid rgba(255,255,255,.8);margin-right:.3125rem;border-radius:.9375rem}.profile .settings{position:absolute;bottom:0;right:1.25rem;font-size:.9375rem;color:#fff}.orders{position:relative;z-index:99;padding:.9375rem;margin:1.5625rem .625rem 0;background-color:#fff;border-radius:.3125rem;box-shadow:0 .125rem .1875rem rgba(240,240,240,.6)}.orders .title{height:1.25rem;line-height:1.25rem;font-size:.875rem;color:#1e1e1e}.orders .title .navigator{font-size:.75rem;color:#939393;float:right}.orders .section{width:100%;display:flex;justify-content:space-between;padding:1.25rem .625rem .3125rem}.orders .section .navigator,.orders .section .contact{text-align:center;font-size:.75rem;color:#333}.orders .section .navigator:before,.orders .section .contact:before{display:block;font-size:1.875rem;color:#ff9545}.orders .section .navigator:after,.orders .section .contact:after{border:none}.orders .section .contact{padding:0;margin:0;border:0;background-color:transparent;line-height:inherit}