/**app.wxss**/ .container { display: flex; flex-direction: column; align-items: center; box-sizing: border-box; } button { background: initial; } button:focus { outline: 0; } button::after { border: none; } uni-page-body,html,body{ height: 100%; background: #f5f5f5; } page { background: #f6f6f6; display: flex; flex-direction: column; justify-content: flex-start; } .page-head{ /* padding: 30px 25px 40px; */ padding: 30px 25px 40px; text-align: center; } .page-head-title { display: inline-block; /* padding: 0 20px 10px 20px; font-size: 16px; */ padding: 0 20px 10px 20px; font-size: 16px; } .page-head-line{ margin: 0 auto; /* width: 75px; height: 1px; */ width: 75px; height: 1px; background-color: var(--weui-FG-1); } .page-head-desc{ padding-top: 10px; color: var(--weui-FG-1); font-size: 16px; } .page-body { width: 100%; flex-grow: 1; /* overflow-x: hidden; */ } .page-body-wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; } .page-body-wording { text-align: center; padding: 100px 50px; } .page-body-info { display: flex; flex-direction: column; align-items: center; background-color: var(--weui-BG-2); width: 100%; padding: 25px 0 75px 0; } .page-body-title { margin-bottom: 50px; font-size: 16px; } .page-body-text { font-size: 15px; line-height: 26px; color: var(--weui-FG-2); } .page-body-text-small { font-size: 12px; color: var(--weui-FG-0); margin-bottom: 50px; } .page-foot{ /* margin: 50px 0 0 0; */ margin: 50px 0 0 0; margin-bottom: constant(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom); /* padding-bottom: 15px; */ padding-bottom: 15px; text-align: center; color: #1aad19; font-size: 0; } .icon-foot{ /* width: 151px; height: 12px; */ width: 76px; height: 12px; } .page-section{ width: 100%; margin-bottom: 30px; } .page-section_center{ display: flex; flex-direction: column; align-items: center; } .page-section:last-child{ margin-bottom: 0; } .page-section-gap{ box-sizing: border-box; padding: 0 15px; } .page-section-spacing{ box-sizing: border-box; padding: 0 40px; } .page-section-title{ /* font-size: 14px; */ font-size: 14px; color: var(--weui-FG-1); /* margin-bottom: 5px; padding-left: 15px; padding-right: 15px; */ margin-bottom: 5px; padding-left: 15px; padding-right: 15px; } .page-section-gap .page-section-title{ padding-left: 0; padding-right: 0; } .page-section-ctn{ }