[data-weui-theme="light"],page { --weui-BTN-DISABLED-FONT-COLOR: rgba(0,0,0,.2); } [data-weui-theme="dark"] { --weui-BTN-DISABLED-FONT-COLOR: hsla(0,0%,100%,.2); } [data-weui-theme="light"],page { --weui-BTN-DEFAULT-BG: #f2f2f2; } [data-weui-theme="dark"] { --weui-BTN-DEFAULT-BG: hsla(0,0%,100%,.08); } [data-weui-theme="light"],page { --weui-BTN-DEFAULT-COLOR: #06ae56; } [data-weui-theme="dark"] { --weui-BTN-DEFAULT-COLOR: hsla(0,0%,100%,.8); } [data-weui-theme="light"],page { --weui-BTN-DEFAULT-ACTIVE-BG: #e6e6e6; } [data-weui-theme="dark"] { --weui-BTN-DEFAULT-ACTIVE-BG: hsla(0,0%,100%,.126); } [data-weui-theme="light"],page { --weui-BTN-ACTIVE-MASK: rgba(0,0,0,.1); } [data-weui-theme="dark"] { --weui-BTN-ACTIVE-MASK: hsla(0,0%,100%,.05); } [data-weui-theme="light"][data-weui-mode="care"],page[data-weui-mode="care"] { --weui-BTN-DEFAULT-COLOR: #018942; } [data-weui-theme="dark"][data-weui-mode="care"] { --weui-BTN-DEFAULT-COLOR: hsla(0,0%,100%,.8); } [data-weui-theme="light"],page { --weui-DIALOG-LINE-COLOR: rgba(0,0,0,.1); } [data-weui-theme="dark"] { --weui-DIALOG-LINE-COLOR: hsla(0,0%,100%,.1); } page { font-family: system-ui,-apple-system,Helvetica Neue,sans-serif; line-height: 1.6; } icon { vertical-align: middle; } .weui-input__placeholder { color: var(--weui-FG-2); } [data-weui-theme="light"],page { --weui-BG-0: #ededed; --weui-BG-1: #f7f7f7; --weui-BG-2: #fff; --weui-BG-3: #f7f7f7; --weui-BG-4: #4c4c4c; --weui-BG-5: #fff; --weui-FG-0: rgba(0,0,0,.9); --weui-FG-HALF: rgba(0,0,0,.9); --weui-FG-1: rgba(0,0,0,.5); --weui-FG-2: rgba(0,0,0,.3); --weui-FG-3: rgba(0,0,0,.1); --weui-FG-4: rgba(0,0,0,.15); --weui-RED: #fa5151; --weui-REDORANGE: #ff6146; --weui-ORANGE: #fa9d3b; --weui-YELLOW: #ffc300; --weui-GREEN: #91d300; --weui-LIGHTGREEN: #95ec69; --weui-BRAND: #07c160; --weui-BLUE: #10aeff; --weui-INDIGO: #1485ee; --weui-PURPLE: #6467f0; --weui-WHITE: #fff; --weui-LINK: #576b95; --weui-TEXTGREEN: #06ae56; --weui-FG: #000; --weui-BG: #fff; --weui-TAG-TEXT-ORANGE: #fa9d3b; --weui-TAG-BACKGROUND-ORANGE: rgba(250,157,59,.1); --weui-TAG-TEXT-GREEN: #06ae56; --weui-TAG-BACKGROUND-GREEN: rgba(6,174,86,.1); --weui-TAG-TEXT-BLUE: #10aeff; --weui-TAG-BACKGROUND-BLUE: rgba(16,174,255,.1); --weui-TAG-TEXT-BLACK: rgba(0,0,0,.5); --weui-TAG-BACKGROUND-BLACK: rgba(0,0,0,.05); } [data-weui-theme="dark"] { --weui-BG-0: #111; --weui-BG-1: #1e1e1e; --weui-BG-2: #191919; --weui-BG-3: #202020; --weui-BG-4: #404040; --weui-BG-5: #2c2c2c; --weui-FG-0: hsla(0,0%,100%,.8); --weui-FG-HALF: hsla(0,0%,100%,.6); --weui-FG-1: hsla(0,0%,100%,.5); --weui-FG-2: hsla(0,0%,100%,.3); --weui-FG-3: hsla(0,0%,100%,.1); --weui-FG-4: hsla(0,0%,100%,.15); --weui-RED: #fa5151; --weui-REDORANGE: #ff6146; --weui-ORANGE: #c87d2f; --weui-YELLOW: #cc9c00; --weui-GREEN: #74a800; --weui-LIGHTGREEN: #3eb575; --weui-BRAND: #07c160; --weui-BLUE: #10aeff; --weui-INDIGO: #1196ff; --weui-PURPLE: #8183ff; --weui-WHITE: hsla(0,0%,100%,.8); --weui-LINK: #7d90a9; --weui-TEXTGREEN: #259c5c; --weui-FG: #fff; --weui-BG: #000; --weui-TAG-TEXT-ORANGE: rgba(250,157,59,.6); --weui-TAG-BACKGROUND-ORANGE: rgba(250,157,59,.1); --weui-TAG-TEXT-GREEN: rgba(6,174,86,.6); --weui-TAG-BACKGROUND-GREEN: rgba(6,174,86,.1); --weui-TAG-TEXT-BLUE: rgba(16,174,255,.6); --weui-TAG-BACKGROUND-BLUE: rgba(16,174,255,.1); --weui-TAG-TEXT-BLACK: hsla(0,0%,100%,.5); --weui-TAG-BACKGROUND-BLACK: hsla(0,0%,100%,.05); } [data-weui-theme="light"][data-weui-mode="care"],page[data-weui-mode="care"] { --weui-BG-0: #ededed; --weui-BG-1: #f7f7f7; --weui-BG-2: #fff; --weui-BG-3: #f7f7f7; --weui-BG-4: #4c4c4c; --weui-BG-5: #fff; --weui-FG-0: #000; --weui-FG-HALF: #000; --weui-FG-1: rgba(0,0,0,.6); --weui-FG-2: rgba(0,0,0,.42); --weui-FG-3: rgba(0,0,0,.1); --weui-FG-4: rgba(0,0,0,.15); --weui-RED: #dc3636; --weui-REDORANGE: #ff6146; --weui-ORANGE: #e17719; --weui-YELLOW: #bb8e00; --weui-GREEN: #4f8400; --weui-LIGHTGREEN: #2e8800; --weui-BRAND: #018942; --weui-BLUE: #007dbb; --weui-INDIGO: #0075e2; --weui-PURPLE: #6265f1; --weui-WHITE: #fff; --weui-LINK: #576b95; --weui-TEXTGREEN: #06ae56; --weui-FG: #000; --weui-BG: #fff; --weui-TAG-TEXT-ORANGE: #e17719; --weui-TAG-BACKGROUND-ORANGE: rgba(225,119,25,.1); --weui-TAG-TEXT-GREEN: #06ae56; --weui-TAG-BACKGROUND-GREEN: rgba(6,174,86,.1); --weui-TAG-TEXT-BLUE: #007dbb; --weui-TAG-BACKGROUND-BLUE: rgba(0,125,187,.1); --weui-TAG-TEXT-BLACK: rgba(0,0,0,.5); --weui-TAG-BACKGROUND-BLACK: rgba(0,0,0,.05); } [data-weui-theme="dark"][data-weui-mode="care"] { --weui-BG-0: #111; --weui-BG-1: #1e1e1e; --weui-BG-2: #191919; --weui-BG-3: #202020; --weui-BG-4: #404040; --weui-BG-5: #2c2c2c; --weui-FG-0: hsla(0,0%,100%,.85); --weui-FG-HALF: hsla(0,0%,100%,.65); --weui-FG-1: hsla(0,0%,100%,.55); --weui-FG-2: hsla(0,0%,100%,.35); --weui-FG-3: hsla(0,0%,100%,.1); --weui-FG-4: hsla(0,0%,100%,.15); --weui-RED: #fa5151; --weui-REDORANGE: #ff6146; --weui-ORANGE: #c87d2f; --weui-YELLOW: #cc9c00; --weui-GREEN: #74a800; --weui-LIGHTGREEN: #3eb575; --weui-BRAND: #07c160; --weui-BLUE: #10aeff; --weui-INDIGO: #1196ff; --weui-PURPLE: #8183ff; --weui-WHITE: hsla(0,0%,100%,.8); --weui-LINK: #7d90a9; --weui-TEXTGREEN: #259c5c; --weui-FG: #fff; --weui-BG: #000; --weui-TAG-TEXT-ORANGE: rgba(250,157,59,.6); --weui-TAG-BACKGROUND-ORANGE: rgba(250,157,59,.1); --weui-TAG-TEXT-GREEN: rgba(6,174,86,.6); --weui-TAG-BACKGROUND-GREEN: rgba(6,174,86,.1); --weui-TAG-TEXT-BLUE: rgba(16,174,255,.6); --weui-TAG-BACKGROUND-BLUE: rgba(16,174,255,.1); --weui-TAG-TEXT-BLACK: hsla(0,0%,100%,.5); --weui-TAG-BACKGROUND-BLACK: hsla(0,0%,100%,.05); } [data-weui-theme="light"],page { --weui-BG-COLOR-ACTIVE: #ececec; } [data-weui-theme="dark"] { --weui-BG-COLOR-ACTIVE: #373737; } [class*=" weui-icon-"][class*=" weui-icon-"],[class*=" weui-icon-"][class^="weui-icon-"],[class^="weui-icon-"][class*=" weui-icon-"],[class^="weui-icon-"][class^="weui-icon-"] { background-color: currentColor; display: inline-block; font-size: 20rpx; height: 2.4em; mask-position: 50% 50%; mask-repeat: no-repeat; mask-size: 100%; vertical-align: middle; width: 2.4em; } .weui-icon-circle { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500 916.667C269.881 916.667 83.333 730.119 83.333 500 83.333 269.881 269.881 83.333 500 83.333c230.119 0 416.667 186.548 416.667 416.667 0 230.119-186.548 416.667-416.667 416.667zm0-50c202.504 0 366.667-164.163 366.667-366.667 0-202.504-164.163-366.667-366.667-366.667-202.504 0-366.667 164.163-366.667 366.667 0 202.504 164.163 366.667 366.667 366.667z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E"); } .weui-icon-download { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.25 12.04-1.72-1.72-1.06 1.06 2.828 2.83a1 1 0 0 0 1.414-.001l2.828-2.828-1.06-1.061-1.73 1.73V7h-1.5v5.04zm0-5.04V2h1.5v5h6.251c.55 0 .999.446.999.996v13.008a.998.998 0 0 1-.996.996H4.996A.998.998 0 0 1 4 21.004V7.996A1 1 0 0 1 4.999 7h6.251z'/%3E%3C/svg%3E"); } .weui-icon-info { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.75-12v7h1.5v-7h-1.5zM12 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E"); } .weui-icon-safe-success { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M500.9 4.6C315.5 46.7 180.4 93.1 57.6 132c0 129.3.2 231.7.2 339.7 0 304.2 248.3 471.6 443.1 523.7C695.7 943.3 944 775.9 944 471.7c0-108 .2-210.4.2-339.7C821.4 93.1 686.3 46.7 500.9 4.6zm248.3 349.1-299.7 295c-2.1 2-5.3 2-7.4-.1L304.4 506.1c-2-2.1-2.3-5.7-.6-8l18.3-24.9c1.7-2.3 5-2.8 7.2-1l112.2 86c2.3 1.8 6 1.7 8.1-.1l274.7-228.9c2.2-1.8 5.7-1.7 7.7.3l17 16.8c2.2 2.1 2.2 5.3.2 7.4z' fill-rule='evenodd' clip-rule='evenodd' fill='%23070202'/%3E%3C/svg%3E"); } .weui-icon-safe-warn { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M500.9 4.5c-185.4 42-320.4 88.4-443.2 127.3 0 129.3.2 231.7.2 339.6 0 304.1 248.2 471.4 443 523.6 194.7-52.2 443-219.5 443-523.6 0-107.9.2-210.3.2-339.6C821.3 92.9 686.2 46.5 500.9 4.5zm-26.1 271.1h52.1c5.8 0 10.3 4.7 10.1 10.4l-11.6 313.8c-.1 2.8-2.5 5.2-5.4 5.2h-38.2c-2.9 0-5.3-2.3-5.4-5.2L464.8 286c-.2-5.8 4.3-10.4 10-10.4zm26.1 448.3c-20.2 0-36.5-16.3-36.5-36.5s16.3-36.5 36.5-36.5 36.5 16.3 36.5 36.5-16.4 36.5-36.5 36.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%23020202'/%3E%3C/svg%3E"); } .weui-icon-success { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1.177-7.86-2.765-2.767L7 12.431l3.119 3.121a1 1 0 0 0 1.414 0l5.952-5.95-1.062-1.062-5.6 5.6z'/%3E%3C/svg%3E"); } .weui-icon-success-circle { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 1 0 0-17.6 8.8 8.8 0 0 0 0 17.6zm-1.172-6.242 5.809-5.808.848.849-5.95 5.95a1 1 0 0 1-1.414 0L7 12.426l.849-.849 2.98 2.98z'/%3E%3C/svg%3E"); } .weui-icon-success-no-circle { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.657 18.435 3 12.778l1.414-1.414 4.95 4.95L20.678 5l1.414 1.414-12.02 12.021a1 1 0 0 1-1.415 0z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-icon-waiting { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 11.38V6h-1.5v6l4.243 4.243 1.06-1.06-3.803-3.804zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-icon-waiting-circle { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.6 11.503 3.891 3.891-.848.849L11.4 12V6h1.2v5.503zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 1 0 0-17.6 8.8 8.8 0 0 0 0 17.6z'/%3E%3C/svg%3E"); } .weui-icon-warn { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.763-15.864.11 7.596h1.305l.11-7.596h-1.525zm.759 10.967c.512 0 .902-.383.902-.882 0-.5-.39-.882-.902-.882a.878.878 0 0 0-.896.882c0 .499.396.882.896.882z'/%3E%3C/svg%3E"); } .weui-icon-info-circle { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 1 0 0-17.6 8.8 8.8 0 0 0 0 17.6zM11.4 10h1.2v7h-1.2v-7zm.6-1a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E"); } .weui-icon-cancel { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 1 0 0-17.6 8.8 8.8 0 0 0 0 17.6z' fill-rule='nonzero'/%3E%3Cpath d='m12.849 12 3.11 3.111-.848.849L12 12.849l-3.111 3.11-.849-.848L11.151 12l-3.11-3.111.848-.849L12 11.151l3.111-3.11.849.848L12.849 12z'/%3E%3C/g%3E%3C/svg%3E"); } .weui-icon-search { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.31 15.561 4.114 4.115-.848.848-4.123-4.123a7 7 0 1 1 .857-.84zM16.8 11a5.8 5.8 0 1 0-11.6 0 5.8 5.8 0 0 0 11.6 0z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-icon-clear { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.06 12 3.006-3.005-1.06-1.06L12 10.938 8.995 7.934l-1.06 1.06L10.938 12l-3.005 3.005 1.06 1.06L12 13.062l3.005 3.005 1.06-1.06L13.062 12zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z'/%3E%3C/svg%3E"); } .weui-icon-back { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm1.999-6.563L10.68 12 14 8.562 12.953 7.5 9.29 11.277a1.045 1.045 0 0 0 0 1.446l3.663 3.777L14 15.437z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-icon-delete { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.774 6.4.812 13.648a.8.8 0 0 0 .798.752h7.232a.8.8 0 0 0 .798-.752L17.226 6.4H6.774zm11.655 0-.817 13.719A2 2 0 0 1 15.616 22H8.384a2 2 0 0 1-1.996-1.881L5.571 6.4H3.5v-.7a.5.5 0 0 1 .5-.5h16a.5.5 0 0 1 .5.5v.7h-2.071zM14 3a.5.5 0 0 1 .5.5v.7h-5v-.7A.5.5 0 0 1 10 3h4zM9.5 9h1.2l.5 9H10l-.5-9zm3.8 0h1.2l-.5 9h-1.2l.5-9z'/%3E%3C/svg%3E"); } .weui-icon-success-no-circle-thin { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.864 16.617-5.303-5.303-1.061 1.06 5.657 5.657a1 1 0 0 0 1.414 0L21.238 6.364l-1.06-1.06L8.864 16.616z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-icon-arrow { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.454 6.58 1.06-1.06 5.78 5.779a.996.996 0 0 1 0 1.413l-5.78 5.779-1.06-1.061 5.425-5.425-5.425-5.424z' fill='%23B2B2B2' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-icon-arrow-bold { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.157 12.711 4.5 18.368l-1.414-1.414 4.95-4.95-4.95-4.95L4.5 5.64l5.657 5.657a1 1 0 0 1 0 1.414z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-icon-back-arrow { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3.343 12 7.071 7.071L9 20.485l-7.778-7.778a1 1 0 0 1 0-1.414L9 3.515l1.414 1.414L3.344 12z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-icon-back-arrow-thin { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 19.438 8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-icon-close { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 10.586 5.657-5.657 1.414 1.414L13.414 12l5.657 5.657-1.414 1.414L12 13.414l-5.657 5.657-1.414-1.414L10.586 12 4.929 6.343 6.343 4.93 12 10.586z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-icon-close-thin { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 10.693 6.057 4.5 5 5.557l6.193 6.193L5 17.943 6.057 19l6.193-6.193L18.443 19l1.057-1.057-6.193-6.193L19.5 5.557 18.443 4.5z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-icon-back-circle { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 1 0 0-17.6 8.8 8.8 0 0 0 0 17.6zm1.999-5.363L12.953 16.5 9.29 12.723a1.045 1.045 0 0 1 0-1.446L12.953 7.5 14 8.563 10.68 12 14 15.438z'/%3E%3C/svg%3E"); } .weui-icon-success { color: var(--weui-BRAND); } .weui-icon-waiting { color: var(--weui-BLUE); } .weui-icon-warn { color: var(--weui-RED); } .weui-icon-info { color: var(--weui-BLUE); } .weui-icon-success-circle,.weui-icon-success-no-circle,.weui-icon-success-no-circle-thin { color: var(--weui-BRAND); } .weui-icon-waiting-circle { color: var(--weui-BLUE); } .weui-icon-circle { color: var(--weui-FG-2); } .weui-icon-download { color: var(--weui-BRAND); } .weui-icon-info-circle { color: var(--weui-FG-2); } .weui-icon-safe-success { color: var(--weui-BRAND); } .weui-icon-safe-warn { color: var(--weui-YELLOW); } .weui-icon-cancel { color: var(--weui-RED); } .weui-icon-search { color: var(--weui-FG-1); } .weui-icon-clear { color: var(--weui-FG-2); } .weui-icon-clear:active { color: var(--weui-FG-1); } .weui-icon-delete.weui-icon_gallery-delete { color: var(--weui-WHITE); } .weui-icon-arrow-bold.weui-icon-arrow,.weui-icon-arrow-bold.weui-icon-arrow-bold,.weui-icon-arrow-bold.weui-icon-back-arrow,.weui-icon-arrow-bold.weui-icon-back-arrow-thin,.weui-icon-arrow.weui-icon-arrow,.weui-icon-arrow.weui-icon-arrow-bold,.weui-icon-arrow.weui-icon-back-arrow,.weui-icon-arrow.weui-icon-back-arrow-thin,.weui-icon-back-arrow-thin.weui-icon-arrow,.weui-icon-back-arrow-thin.weui-icon-arrow-bold,.weui-icon-back-arrow-thin.weui-icon-back-arrow,.weui-icon-back-arrow-thin.weui-icon-back-arrow-thin,.weui-icon-back-arrow.weui-icon-arrow,.weui-icon-back-arrow.weui-icon-arrow-bold,.weui-icon-back-arrow.weui-icon-back-arrow,.weui-icon-back-arrow.weui-icon-back-arrow-thin { width: 1.2em; } .weui-icon-arrow,.weui-icon-arrow-bold { color: var(--weui-FG-2); } .weui-icon-back,.weui-icon-back-arrow,.weui-icon-back-arrow-thin,.weui-icon-back-circle { color: var(--weui-FG-0); } .weui-icon_msg.weui-icon_msg { height: 6.4em; width: 6.4em; } .weui-icon_msg.weui-icon_msg.weui-icon-warn { color: var(--weui-RED); } .weui-icon_msg.weui-icon_msg.weui-icon-info-circle { color: var(--weui-BLUE); } .weui-icon_msg-primary.weui-icon_msg-primary { height: 6.4em; width: 6.4em; } .weui-icon_msg-primary.weui-icon_msg-primary.weui-icon-warn { color: var(--weui-YELLOW); } .weui-hidden_abs { height: 2rpx; opacity: 0; overflow: hidden; position: absolute; width: 2rpx; } .weui-a11y_ref { display: none; } .weui-hidden-space:empty:before { content: "\00A0"; height: 2rpx; overflow: hidden; position: absolute; width: 2rpx; } .weui-a11y-combo { position: relative; } .weui-a11y-combo__helper { height: 100%; opacity: 0; overflow: hidden; position: absolute; width: 100%; } .weui-a11y-combo__content { position: relative; z-index: 1; } .weui-wa-hotarea-el { height: 100%; left: 50%; min-height: 88rpx; min-width: 88rpx; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 100%; } .weui-wa-hotarea,.weui-wa-hotarea-el__wrp,.weui-wa-hotarea_before { position: relative; } .weui-wa-hotarea a,.weui-wa-hotarea button,.weui-wa-hotarea navigator,.weui-wa-hotarea-el__wrp a,.weui-wa-hotarea-el__wrp button,.weui-wa-hotarea-el__wrp navigator,.weui-wa-hotarea_before a,.weui-wa-hotarea_before button,.weui-wa-hotarea_before navigator { position: relative; z-index: 1; } .weui-wa-hotarea:after,.weui-wa-hotarea_before:before { content: ""; height: 100%; left: 50%; min-height: 88rpx; min-width: 88rpx; pointer-events: auto; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 100%; } .weui-link { -webkit-tap-highlight-color: rgba(0,0,0,0); } .weui-link,.weui-link:visited { color: var(--weui-LINK); } .weui-link:active { opacity: .5; } .weui-btn { -webkit-tap-highlight-color: rgba(0,0,0,0); border-radius: 16rpx; box-sizing: border-box; color: #fff; display: block; font-size: 34rpx; font-weight: 700; line-height: 1.88235294; margin-left: auto; margin-right: auto; padding: 16rpx 48rpx; position: relative; text-align: center; text-decoration: none; user-select: none; width: 368rpx; } .weui-btn:before { background-color: var(--weui-BTN-ACTIVE-MASK); border-radius: 16rpx; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .weui-btn:not(.weui-btn_disabled):not(.weui-btn_loading):active:before,.weui-btn:not([disabled]):not(.weui-btn_loading):active:before { content: ""; } .weui-btn_block { width: auto; } .weui-btn_inline { display: inline-block; } .weui-btn_default { background-color: var(--weui-BTN-DEFAULT-BG); } .weui-btn_default,.weui-btn_default:not(.weui-btn_disabled):visited { color: var(--weui-BTN-DEFAULT-COLOR); } .weui-btn_primary { background-color: var(--weui-BRAND); } .weui-btn_primary:not(.weui-btn_disabled):visited { color: #fff; } .weui-btn_warn { background-color: var(--weui-BTN-DEFAULT-BG); } .weui-btn_warn,.weui-btn_warn:not(.weui-btn_disabled):visited { color: var(--weui-RED); } .weui-btn[disabled],.weui-btn_disabled { background-color: var(--weui-BTN-DEFAULT-BG); color: var(--weui-BTN-DISABLED-FONT-COLOR); } .weui-btn_loading .weui-loading { margin: -.2em 16rpx 0 0; } .weui-btn_loading .weui-mask-loading,.weui-btn_loading .weui-primary-loading { color: currentColor; margin: -.2em 16rpx 0 0; } .weui-btn_loading .weui-primary-loading { vertical-align: middle; } .weui-btn_loading .weui-primary-loading:before { content: ""; } .weui-btn_loading.weui-btn_primary { color: var(--weui-WHITE); } .weui-btn_cell { -webkit-tap-highlight-color: rgba(0,0,0,0); background-color: var(--weui-BG-5); box-sizing: border-box; color: #fff; display: block; font-size: 34rpx; line-height: 1.41176471; margin-left: auto; margin-right: auto; overflow: hidden; padding: 32rpx; position: relative; text-align: center; text-decoration: none; } .weui-btn_cell+.weui-btn_cell { margin-top: 32rpx; } .weui-btn_cell:active { background-color: var(--weui-BG-COLOR-ACTIVE); } .weui-btn_cell__icon { display: inline-block; height: 48rpx; margin: -.2em .34em 0 0; vertical-align: middle; width: 48rpx; } .weui-btn_cell-default { color: var(--weui-FG-0); } .weui-btn_cell-primary { color: var(--weui-LINK); } .weui-btn_cell-warn { color: var(--weui-RED); } .weui-bottom-fixed-opr-page { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: flex; flex-direction: column; height: 100%; } .weui-bottom-fixed-opr-page__content { -webkit-box-flex: 1; -webkit-overflow-scrolling: touch; box-sizing: border-box; flex: 1; min-height: 0; overflow-y: auto; padding-bottom: 160rpx; } .weui-bottom-fixed-opr { background: #fff; padding: 32rpx calc(64rpx + env(safe-area-inset-right)) calc(48rpx + env(safe-area-inset-bottom)) calc(64rpx + env(safe-area-inset-left)); position: relative; } .weui-bottom-fixed-opr:before { background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0)); bottom: calc(100% - 2rpx); content: ""; height: 160rpx; left: 0; position: absolute; right: 0; transform: translateZ(0); } [data-weui-theme="dark"] .weui-bottom-fixed-opr { background: #191919; } [data-weui-theme="dark"] .weui-bottom-fixed-opr:before { background: linear-gradient(0deg,#191919,rgba(25,25,25,0)); } .weui-bottom-fixed-opr-page .weui-bottom-fixed-opr { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: flex; justify-content: center; } .weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn { padding-left: 32rpx; padding-right: 32rpx; width: 368rpx; } .weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2),.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn { margin: 0 16rpx; width: 272rpx; } .weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn:first-child,.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):first-child { margin-left: 0; } .weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn:last-child,.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):last-child { margin-right: 0; } .weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2),.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn { margin: 32rpx 0 0; width: 368rpx; } .weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn:first-child,.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):first-child { margin-top: 0; } .weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed { padding: 0; } .weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-half-screen-dialog__hd { padding: 0 calc(48rpx + env(safe-area-inset-right)) 0 calc(48rpx + env(safe-area-inset-left)); } .weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-half-screen-dialog__bd { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: flex; flex-direction: column; padding-bottom: 0; } .weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-half-screen-dialog__ft { padding: 0; } .weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-bottom-fixed-opr-page { -webkit-box-flex: 1; flex: 1; min-height: 0; } .weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-bottom-fixed-opr-page__content { padding: 0 calc(48rpx + env(safe-area-inset-right)) 0 calc(48rpx + env(safe-area-inset-left)); } .weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-bottom-fixed-opr { padding: 32rpx 0 calc(128rpx + env(safe-area-inset-bottom)); } button.weui-btn,input.weui-btn { -webkit-appearance: none; border-width: 0; outline: 0; } button.weui-btn:focus,input.weui-btn:focus { outline: 0; } button.weui-btn_inline,button.weui-btn_mini,input.weui-btn_inline,input.weui-btn_mini { width: auto; } .weui-btn_mini { border-radius: 12rpx; font-size: 32rpx; line-height: 1.375; padding: 10rpx 24rpx; } .weui-btn_mini,.weui-btn_xmini { display: inline-block; width: auto; } .weui-btn_xmini { border-radius: 8rpx; font-size: 28rpx; font-weight: 500; line-height: 1.42857; padding: 8rpx 24rpx; } .weui-btn+.weui-btn { margin-top: 32rpx; } .weui-btn.weui-btn_mini+.weui-btn.weui-btn_mini,.weui-btn.weui-btn_xmini+.weui-btn.weui-btn_xmini { margin-top: auto; } .weui-btn.weui-btn_inline+.weui-btn.weui-btn_inline { margin-left: 32rpx; } .weui-btn-area { margin: 96rpx 32rpx 16rpx; } .weui-btn-area_inline { display: flex; } .weui-btn-area_inline .weui-btn { -webkit-box-flex: 1; flex: 1; margin-right: 32rpx; margin-top: auto; width: 100%; } .weui-btn-area_inline .weui-btn:last-child { margin-right: 0; } .weui-btn_reset { font-size: inherit; } .weui-btn_icon,.weui-btn_reset { background: transparent; border: 0; outline: 0; padding: 0; } .weui-btn_icon { font-size: 0; } .weui-btn_icon:active [class*="weui-icon-"] { color: var(--weui-FG-1); } .weui-cells { background-color: var(--weui-BG-2); margin-top: 16rpx; overflow: hidden; position: relative; } .weui-cells:before { border-top: 2rpx solid var(--weui-FG-3); top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-cells:after,.weui-cells:before { color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; z-index: 2; } .weui-cells:after { border-bottom: 2rpx solid var(--weui-FG-3); bottom: 0; transform: scaleY(.5); transform-origin: 0 100%; } .weui-cells__title { color: var(--weui-FG-1); font-size: 28rpx; line-height: 1.4; margin-bottom: 6rpx; margin-top: 32rpx; padding-left: 32rpx; padding-right: 32rpx; } .weui-cells__title+.weui-cells { margin-top: 0; } .weui-cells__tips { color: var(--weui-FG-1); font-size: 28rpx; line-height: 1.4; margin-top: 16rpx; padding-left: 32rpx; padding-right: 32rpx; } .weui-cells__tips a,.weui-cells__tips navigator { color: var(--weui-LINK); } .weui-cells__tips navigator { display: inline; } .weui-cell { -webkit-box-align: center; align-items: center; color: var(--weui-FG-0); display: flex; font-size: 34rpx; line-height: 1.41176471; padding: 32rpx; position: relative; } .weui-cell:before { border-top: 2rpx solid var(--weui-FG-3); color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; left: 32rpx; position: absolute; right: 0; top: 0; transform: scaleY(.5); transform-origin: 0 0; z-index: 2; } .weui-cell:first-child:before { display: none; } .weui-cell_active:active:after { background: var(--weui-FG-3); bottom: 0; content: ""; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; } .weui-cell_primary { -webkit-box-align: start; align-items: flex-start; } .weui-cell__bd { -webkit-box-flex: 1; flex: 1; min-width: 0; } .weui-cell__ft { color: var(--weui-FG-1); text-align: right; } .weui-cell__ft button { vertical-align: bottom; } .weui-cell__desc { color: var(--weui-FG-2); font-size: 24rpx; line-height: 1.4; padding-top: 8rpx; } .weui-cell_swiped { display: block; padding: 0; } .weui-cell_swiped>.weui-cell__bd { background-color: var(--weui-BG-2); position: relative; z-index: 1; } .weui-cell_swiped>.weui-cell__ft { bottom: 0; color: #fff; position: absolute; right: 0; top: 0; } .weui-cell_swiped>.weui-cell__ft,.weui-swiped-btn { display: flex; } .weui-swiped-btn { -webkit-box-align: center; align-items: center; color: inherit; line-height: 1.41176471; padding: 32rpx 1em; } .weui-swiped-btn_default { background-color: var(--weui-BG-0); } .weui-swiped-btn_warn { background-color: var(--weui-RED); } .weui-cell_access { -webkit-tap-highlight-color: rgba(0,0,0,0); color: inherit; } .weui-cell_access:active:after { background: var(--weui-FG-3); bottom: 0; content: ""; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; } .weui-cell_access .weui-cell__ft { padding-right: 48rpx; position: relative; } .weui-cell_access .weui-cell__ft:after { background-color: currentColor; color: var(--weui-FG-2); content: " "; height: 48rpx; margin-top: -24rpx; mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.454 6.58 1.06-1.06 5.78 5.779a.996.996 0 0 1 0 1.413l-5.78 5.779-1.06-1.061 5.425-5.425-5.425-5.424z' fill='%23B2B2B2' fill-rule='evenodd'/%3E%3C/svg%3E"); mask-position: 0 0; mask-repeat: no-repeat; mask-size: 100%; position: absolute; right: 0; top: 50%; width: 24rpx; } .weui-cell_link { color: var(--weui-LINK); } .weui-cell_link:first-child:before { display: block; } .weui-check__label { -webkit-tap-highlight-color: rgba(0,0,0,0); } .weui-check__label.weui-cell_disabled,.weui-check__label.weui-cell_readonly { color: var(--weui-FG-3); } .weui-check { height: 0; opacity: 0; overflow: hidden; position: absolute; width: 0; } .weui-check[disabled]+.weui-icon-checked { opacity: .1; } .weui-cells_radio .weui-cell__ft { font-size: 0; padding-left: 32rpx; } .weui-cells_radio .weui-check+.weui-icon-checked { color: transparent; min-width: 32rpx; } .weui-cells_radio .weui-check:checked+.weui-icon-checked,.weui-cells_radio .weui-check[aria-checked="true"]+.weui-icon-checked { color: var(--weui-BRAND); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.657 18.435 3 12.778l1.414-1.414 4.95 4.95L20.678 5l1.414 1.414-12.02 12.021a1 1 0 0 1-1.415 0z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .weui-cells_checkbox .weui-check__label:before { left: 110rpx; } .weui-cells_checkbox .weui-cell__hd { font-size: 0; padding-right: 32rpx; } .weui-cells_checkbox .weui-icon-checked { color: var(--weui-FG-2); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500 916.667C269.881 916.667 83.333 730.119 83.333 500 83.333 269.881 269.881 83.333 500 83.333c230.119 0 416.667 186.548 416.667 416.667 0 230.119-186.548 416.667-416.667 416.667zm0-50c202.504 0 366.667-164.163 366.667-366.667 0-202.504-164.163-366.667-366.667-366.667-202.504 0-366.667 164.163-366.667 366.667 0 202.504 164.163 366.667 366.667 366.667z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E"); } .weui-cells_checkbox .weui-check:checked+.weui-icon-checked,.weui-cells_checkbox .weui-check[aria-checked="true"]+.weui-icon-checked { color: var(--weui-BRAND); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1.177-7.86-2.765-2.767L7 12.431l3.119 3.121a1 1 0 0 0 1.414 0l5.952-5.95-1.062-1.062-5.6 5.6z'/%3E%3C/svg%3E"); } .weui-label { word-wrap: break-word; display: block; width: 210rpx; word-break: break-all; } .weui-input { -webkit-appearance: none; background-color: initial; border: 0; color: inherit; font-size: inherit; height: 1.41176471em; line-height: 1.41176471; outline: 0; width: 100%; } .weui-input::-webkit-inner-spin-button,.weui-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .weui-input:focus:not(:placeholder-shown)+.weui-btn_input-clear { display: inline; } .weui-textarea { background: transparent; border: 0; color: inherit; display: block; font-size: 1em; height: 160rpx; line-height: inherit; outline: 0; resize: none; width: 100%; } .weui-textarea-counter { color: var(--weui-FG-2); font-size: 28rpx; text-align: right; } .weui-cell_warn,.weui-cell_warn .weui-textarea-counter { color: var(--weui-RED); } .weui-cell_warn .weui-icon-warn { display: inline-block; } .weui-cell_disabled .weui-input:disabled,.weui-cell_disabled .weui-textarea:disabled,.weui-cell_readonly .weui-input:disabled,.weui-cell_readonly .weui-textarea:disabled { -webkit-text-fill-color: var(--weui-FG-1); opacity: 1; } .weui-cell_disabled .weui-input[disabled],.weui-cell_disabled .weui-input[readonly],.weui-cell_disabled .weui-textarea[disabled],.weui-cell_disabled .weui-textarea[readonly],.weui-cell_readonly .weui-input[disabled],.weui-cell_readonly .weui-input[readonly],.weui-cell_readonly .weui-textarea[disabled],.weui-cell_readonly .weui-textarea[readonly] { color: var(--weui-FG-1); } .weui-btn_input-clear { display: none; padding-left: 16rpx; } .weui-btn_input-clear [class*="weui-icon-"] { width: 36rpx; } .weui-cells_form .weui-cell_disabled:active,.weui-cells_form .weui-cell_readonly:active,.weui-cells_form .weui-cell_switch:active,.weui-cells_form .weui-cell_vcode:active { background-color: initial; } .weui-cells_form .weui-cell__ft { font-size: 0; } .weui-cells_form .weui-icon-warn { display: none; } .weui-cells_form input,.weui-cells_form label[for],.weui-cells_form textarea { -webkit-tap-highlight-color: rgba(0,0,0,0); } .weui-form-preview { background-color: var(--weui-BG-2); position: relative; } .weui-form-preview:before { border-top: 2rpx solid var(--weui-FG-3); top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-form-preview:after,.weui-form-preview:before { color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; } .weui-form-preview:after { border-bottom: 2rpx solid var(--weui-FG-3); bottom: 0; transform: scaleY(.5); transform-origin: 0 100%; } .weui-form-preview__hd { line-height: 2.5em; padding: 32rpx; position: relative; text-align: right; } .weui-form-preview__hd:after { border-bottom: 2rpx solid var(--weui-FG-3); bottom: 0; color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; left: 32rpx; position: absolute; right: 0; transform: scaleY(.5); transform-origin: 0 100%; } .weui-form-preview__hd .weui-form-preview__value { font-size: 1.6em; font-style: normal; } .weui-form-preview__bd { color: var(--weui-FG-1); font-size: .9em; line-height: 2; padding: 32rpx; text-align: right; } .weui-form-preview__ft { display: flex; line-height: 100rpx; position: relative; } .weui-form-preview__ft:before { border-top: 2rpx solid var(--weui-DIALOG-LINE-COLOR); color: var(--weui-DIALOG-LINE-COLOR); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-form-preview__item { overflow: hidden; } .weui-form-preview__label { color: var(--weui-FG-1); float: left; margin-right: 1em; text-align: left; width: 4.2em; } .weui-form-preview__value { word-wrap: break-word; color: var(--weui-FG-0); display: block; overflow: hidden; word-break: normal; } .weui-form-preview__btn { -webkit-box-flex: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); color: var(--weui-LINK); display: block; flex: 1; position: relative; text-align: center; } button.weui-form-preview__btn { background-color: initial; border: 0; font-size: inherit; line-height: inherit; outline: 0; } .weui-form-preview__btn:active { background-color: var(--weui-BG-COLOR-ACTIVE); } .weui-form-preview__btn:after { border-left: 2rpx solid var(--weui-DIALOG-LINE-COLOR); bottom: 0; color: var(--weui-DIALOG-LINE-COLOR); content: " "; left: 0; position: absolute; top: 0; transform: scaleX(.5); transform-origin: 0 0; width: 2rpx; } .weui-form-preview__btn:first-child:after { display: none; } .weui-form-preview__btn_default { color: var(--weui-FG-HALF); } .weui-form-preview__btn_primary { color: var(--weui-LINK); } .weui-form-preview__list { font-size: 28rpx; line-height: 1.4; padding-bottom: 48rpx; padding-top: 48rpx; position: relative; } .weui-form-preview__list:before { border-top: 2rpx solid var(--weui-FG-3); color: var(--weui-FG-3); content: ""; content: " "; height: 2rpx; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-form-preview__list:last-child { padding-bottom: 0; } .weui-form-preview__list .weui-form-preview__label { text-align: left; width: 6em; } .weui-form-preview__list .weui-form-preview__value { hyphens: auto; } .weui-form-preview__list .weui-form-preview__item { margin-top: 24rpx; } .weui-form-preview__list .weui-form-preview__item:first-child,.weui-form-preview__list>.weui-cells__title:first-child { margin-top: 0; } .weui-cell_select { padding: 0; } .weui-cell_select .weui-cell__bd:after { background-color: currentColor; color: var(--weui-FG-2); content: " "; height: 48rpx; margin-top: -24rpx; mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.454 6.58 1.06-1.06 5.78 5.779a.996.996 0 0 1 0 1.413l-5.78 5.779-1.06-1.061 5.425-5.425-5.425-5.424z' fill='%23B2B2B2' fill-rule='evenodd'/%3E%3C/svg%3E"); mask-position: 0 0; mask-repeat: no-repeat; mask-size: 100%; position: absolute; right: 32rpx; top: 50%; width: 24rpx; } .weui-select { -webkit-appearance: none; background-color: initial; border: 0; box-sizing: border-box; color: var(--weui-FG-0); font-size: inherit; line-height: 112rpx; min-height: 112rpx; outline: 0; padding-left: 32rpx; padding-right: 80rpx; position: relative; vertical-align: bottom; width: 100%; z-index: 1; } .weui-cell_select-before .weui-cell__hd { padding-left: 0; position: relative; } .weui-cell_select-before .weui-cell__hd:after { border-right: 2rpx solid var(--weui-FG-3); bottom: 0; color: var(--weui-FG-3); content: " "; position: absolute; right: 0; top: 0; transform: scaleX(.5); transform-origin: 100% 0; width: 2rpx; } .weui-cell_select-before .weui-cell__hd:before { background-color: currentColor; color: var(--weui-FG-2); content: " "; height: 48rpx; margin-top: -24rpx; mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.454 6.58 1.06-1.06 5.78 5.779a.996.996 0 0 1 0 1.413l-5.78 5.779-1.06-1.061 5.425-5.425-5.425-5.424z' fill='%23B2B2B2' fill-rule='evenodd'/%3E%3C/svg%3E"); mask-position: 0 0; mask-repeat: no-repeat; mask-size: 100%; position: absolute; right: 32rpx; top: 50%; width: 24rpx; } .weui-cell_select-before .weui-cell__bd { padding-left: 32rpx; } .weui-cell_select-before .weui-cell__bd:after { display: none; } .weui-cell_select-before .weui-select { box-sizing: initial; max-width: 5em; width: 210rpx; } .weui-cell_select-after .weui-cell__hd { padding-left: 32rpx; } .weui-cell_select-after .weui-select { padding-left: 0; } .weui-cell_vcode { padding-bottom: 0; padding-right: 0; padding-top: 0; } .weui-vcode-btn,.weui-vcode-img { height: 112rpx; margin-left: 10rpx; vertical-align: middle; } .weui-vcode-btn { color: var(--weui-LINK); display: inline-block; font-size: 34rpx; line-height: 112rpx; padding: 0 .6em 0 .7em; position: relative; } .weui-vcode-btn:before { border-left: 2rpx solid var(--weui-FG-3); bottom: 0; color: var(--weui-FG-3); content: " "; left: 0; position: absolute; top: 0; transform: scaleX(.5); transform-origin: 0 0; width: 2rpx; } button.weui-vcode-btn { background-color: initial; border: 0; outline: 0; } .weui-vcode-btn:active { color: var(--weui-LINK-ACTIVE); } .weui-gallery { background-color: #000; bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1000; } .weui-gallery__img,.weui-gallery__opr { left: 0; left: constant(safe-area-inset-left); left: env(safe-area-inset-left); position: absolute; right: 0; right: constant(safe-area-inset-right); right: env(safe-area-inset-right); } .weui-gallery__img { background: 50% no-repeat; background-size: contain; bottom: 120rpx; bottom: calc(120rpx + constant(safe-area-inset-bottom)); bottom: calc(120rpx + env(safe-area-inset-bottom)); top: 0; top: constant(safe-area-inset-top); top: env(safe-area-inset-top); } .weui-gallery__opr { background-color: #0d0d0d; bottom: 0; color: var(--weui-WHITE); line-height: 120rpx; position: absolute; text-align: center; } .weui-gallery__del { display: block; padding-bottom: env(safe-area-inset-bottom); } .weui-gallery__del:active { opacity: .5; } .weui-cell_switch { padding-bottom: 24rpx; padding-top: 24rpx; } .weui-cell_switch.weui-cell_disabled,.weui-cell_switch.weui-cell_readonly { color: var(--weui-FG-3); } .weui-switch { appearance: none; } .weui-switch,.weui-switch-cp__box { background-color: var(--weui-FG-3); border: 0; border-radius: 32rpx; box-sizing: border-box; height: 64rpx; outline: 0; padding: 4rpx; position: relative; transition: background-color .1s,border .1s; vertical-align: bottom; width: 104rpx; } .weui-switch-cp__box:after,.weui-switch:after { background-color: #fff; border-radius: 30rpx; box-shadow: 0 4rpx 6rpx 0 rgba(0,0,0,.06); content: " "; height: 56rpx; left: 4rpx; position: absolute; top: 4rpx; transition: transform .35s cubic-bezier(.4,.4,.25,1.35); transition: transform .35s cubic-bezier(.4,.4,.25,1.35),-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35); width: 56rpx; } .weui-switch-cp__input:checked+.weui-switch-cp__box,.weui-switch-cp__input[aria-checked="true"]+.weui-switch-cp__box,.weui-switch:checked { background-color: var(--weui-BRAND); } .weui-switch-cp__input:checked+.weui-switch-cp__box:after,.weui-switch-cp__input[aria-checked="true"]+.weui-switch-cp__box:after,.weui-switch:checked:after { transform: translateX(40rpx); } .weui-switch-cp__input[aria-disabled="true"]+.weui-switch-cp__box,.weui-switch-cp__input[disabled]+.weui-switch-cp__box,.weui-switch[disabled] { opacity: .1; } .weui-switch-cp__input { height: 0; opacity: 0; overflow: hidden; position: absolute; width: 0; } .weui-switch-cp__box { display: block; } .weui-cell_uploader { padding-bottom: 48rpx; } .weui-uploader { -webkit-box-flex: 1; flex: 1; } .weui-uploader__hd { -webkit-box-align: center; align-items: center; display: flex; padding-bottom: 32rpx; } .weui-uploader__title { -webkit-box-flex: 1; flex: 1; } .weui-uploader__info { color: var(--weui-FG-2); } .weui-uploader__bd { margin-bottom: -16rpx; margin-right: -16rpx; overflow: hidden; } .weui-uploader__files { list-style: none; } .weui-uploader__file { background: no-repeat 50%; background-size: cover; float: left; height: 192rpx; margin-bottom: 16rpx; margin-right: 16rpx; width: 192rpx; } .weui-uploader__file_status { position: relative; } .weui-uploader__file_status:before { background-color: rgba(0,0,0,.5); bottom: 0; content: " "; left: 0; position: absolute; right: 0; top: 0; } .weui-uploader__file_status .weui-uploader__file-content { display: block; } .weui-uploader__file-content { color: var(--weui-WHITE); display: none; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); } .weui-uploader__file-content .weui-icon-warn { display: inline-block; } .weui-uploader__input-box { background-color: #ededed; box-sizing: border-box; float: left; height: 192rpx; margin-bottom: 16rpx; margin-right: 16rpx; position: relative; width: 192rpx; } [data-weui-theme="dark"] .weui-uploader__input-box { background-color: #2e2e2e; } .weui-uploader__input-box:after,.weui-uploader__input-box:before { background-color: #a3a3a3; content: " "; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); } [data-weui-theme="dark"] .weui-uploader__input-box:after,[data-weui-theme="dark"] .weui-uploader__input-box:before { background-color: #6d6d6d; } .weui-uploader__input-box:before { height: 33.33%; width: 4rpx; } .weui-uploader__input-box:after { height: 4rpx; width: 33.33%; } .weui-uploader__input-box:active:after,.weui-uploader__input-box:active:before { opacity: .7; } .weui-uploader__input { -webkit-tap-highlight-color: rgba(0,0,0,0); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .weui-msg__desc .a,.weui-msg__desc a,.weui-msg__desc-primary .a,.weui-msg__desc-primary a,.weui-msg__tips .a,.weui-msg__tips a { color: var(--weui-LINK); display: inline-block; vertical-align: initial; } .weui-msg { -webkit-box-orient: vertical; -webkit-box-direction: normal; background-color: var(--weui-BG-2); box-sizing: border-box; display: flex; flex-direction: column; line-height: 1.4; min-height: 100%; padding: calc(96rpx + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); text-align: center; } .weui-msg__icon-area { margin-bottom: 64rpx; } .weui-msg__text-area { -webkit-box-flex: 1; word-wrap: break-word; flex: 1; hyphens: auto; line-height: 1.6; margin-bottom: 64rpx; padding: 0 64rpx; } .weui-msg__text-area:first-child { padding-top: 192rpx; } .weui-msg__title { font-size: 44rpx; font-weight: 500; } .weui-msg__desc,.weui-msg__title { color: var(--weui-FG-0); margin-bottom: 32rpx; } .weui-msg__desc { font-size: 34rpx; font-weight: 400; } .weui-msg__desc-primary { color: var(--weui-FG-1); font-size: 28rpx; margin-bottom: 32rpx; } .weui-msg__custom-area { word-wrap: break-word; hyphens: auto; margin-bottom: 32rpx; text-align: left; } .weui-msg__title+.weui-msg__custom-area { margin-top: 96rpx; } .weui-msg__desc+.weui-msg__custom-area,.weui-msg__desc-primary+.weui-msg__custom-area { margin-top: 80rpx; } .weui-msg__custom-area .weui-cells__group_form .weui-cells { margin: 0; } .weui-msg__opr-area { margin-bottom: 32rpx; } .weui-msg__opr-area .weui-btn-area { margin: 0; } .weui-msg__opr-area .weui-btn+.weui-btn { margin-bottom: 32rpx; } .weui-msg__opr-area:last-child { margin-bottom: 192rpx; } .weui-msg__opr-area+.weui-msg__extra-area { margin-top: 96rpx; } .weui-msg__tips-area { word-wrap: break-word; hyphens: auto; margin-bottom: 32rpx; padding: 0 80rpx; } .weui-msg__opr-area+.weui-msg__tips-area { margin-bottom: 96rpx; } .weui-msg__tips-area:last-child { margin-bottom: 128rpx; } .weui-msg__tips { color: var(--weui-FG-1); font-size: 28rpx; } .weui-msg__extra-area { box-sizing: border-box; color: var(--weui-FG-1); font-size: 24rpx; margin-bottom: 48rpx; padding: 0 64rpx; } .weui-msg__extra-area a,.weui-msg__extra-area navigator { color: var(--weui-LINK); } .weui-msg__extra-area navigator { display: inline; } .weui-msg_align-top .weui-msg__text-area:first-child { padding-top: 0; } body,page { --weui-STEPS-DEFAULT-COLOR: var(--weui-FG-3); --weui-STEPS-HIGHLIGHT-COLOR: var(--weui-BRAND); --weui-STEPS-FONT-SIZE: 17; --weui-STEPS-LINEHEIGHT: 1.4; --weui-STEPS-DOT-SIZE: calc(8 / var(--weui-STEPS-FONT-SIZE) * 1em); --weui-STEPS-ICON-SIZE: 40; --weui-STEPS-VERTICAL-DOT-GAP: calc((1em - var(--weui-STEPS-DOT-SIZE)) / 2); --weui-STEPS-HORIZONAL-DOT-GAP: 8rpx; } .weui-steps { font-size: calc(2rpx * var(--weui-STEPS-FONT-SIZE)); line-height: var(--weui-STEPS-LINEHEIGHT); } .weui-steps__item__desc,.weui-steps__item__title { display: block; } .weui-steps__item__title { font-weight: 500; } .weui-steps__item__desc { color: var(--weui-FG-2); font-size: 28rpx; margin-top: 8rpx; } .weui-steps_vertical { position: relative; } .weui-steps_vertical .weui-steps__item { padding-bottom: 64rpx; position: relative; } .weui-steps_vertical .weui-steps__item:before { border-left: 2rpx solid var(--weui-STEPS-DEFAULT-COLOR); bottom: 0; bottom: calc((var(--weui-STEPS-LINEHEIGHT) - 1) / 2 * -1em); color: var(--weui-STEPS-DEFAULT-COLOR); content: ""; content: " "; left: 0; position: absolute; top: 0; top: calc((var(--weui-STEPS-LINEHEIGHT) - (var(--weui-STEPS-LINEHEIGHT) - 1) / 2) * 1em); transform: scaleX(.5); transform-origin: 0 0; width: 2rpx; } .weui-steps_vertical .weui-steps__item:first-child:not(.weui-steps__item_success) .weui-steps__item__inner:before { background-color: var(--weui-STEPS-HIGHLIGHT-COLOR); } .weui-steps_vertical .weui-steps__item:last-child:before { display: none; } .weui-steps_vertical .weui-steps__item__inner { padding-left: 72rpx; position: relative; z-index: 1; } .weui-steps_vertical .weui-steps__item__inner:before { background-color: var(--weui-STEPS-DEFAULT-COLOR); border-radius: 100%; content: ""; height: var(--weui-STEPS-DOT-SIZE); width: var(--weui-STEPS-DOT-SIZE); } .weui-steps_vertical .weui-steps__icon,.weui-steps_vertical .weui-steps__item__inner:before { left: 0; position: absolute; top: calc(var(--weui-STEPS-LINEHEIGHT) / 2 * 1em); transform: translate(-50%,-50%); z-index: 1; } .weui-steps_vertical .weui-steps__icon { font-size: calc(2rpx * var(--weui-STEPS-FONT-SIZE)); height: calc(var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em); margin-top: calc((var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em - 1em) / 2 - .28em); width: calc(var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em); } .weui-steps_vertical .weui-steps__item_icon:before { top: calc(var(--weui-STEPS-VERTICAL-DOT-GAP) + var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em - .14em); } .weui-steps_vertical .weui-steps__item_icon .weui-steps__item__inner:before { display: none; } .weui-steps_vertical .weui-steps__item_icon-prev:before { bottom: calc(var(--weui-STEPS-VERTICAL-DOT-GAP) - (var(--weui-STEPS-LINEHEIGHT) - 1) / 2 * 1em + .14em); } .weui-steps_vertical .weui-steps__item_success:before { border-color: var(--weui-STEPS-HIGHLIGHT-COLOR); } .weui-steps_vertical .weui-steps__item_success+.weui-steps__item .weui-steps__item__inner:before,.weui-steps_vertical .weui-steps__item_success .weui-steps__item__inner:before { background-color: var(--weui-STEPS-HIGHLIGHT-COLOR); } .weui-steps_horizonal,.weui-steps_horizonal .weui-steps__item { display: flex; } .weui-steps_horizonal .weui-steps__item { -webkit-box-flex: 1; -webkit-box-align: center; align-items: center; flex: 1; } .weui-steps_horizonal .weui-steps__item:before { background-color: var(--weui-STEPS-DEFAULT-COLOR); border-radius: 100%; content: ""; display: block; flex-shrink: 0; height: var(--weui-STEPS-DOT-SIZE); width: var(--weui-STEPS-DOT-SIZE); } .weui-steps_horizonal .weui-steps__item:after { -webkit-box-flex: 1; background: var(--weui-STEPS-DEFAULT-COLOR); content: ""; flex: 1; height: 1rpx; margin: 0 var(--weui-STEPS-HORIZONAL-DOT-GAP); } .weui-steps_horizonal .weui-steps__item:last-child { -webkit-box-flex: 0; flex: none; } .weui-steps_horizonal .weui-steps__item:last-child:after { display: none; } .weui-steps_horizonal .weui-steps__item:first-child:not(.weui-steps__item_success):before { background: var(--weui-STEPS-HIGHLIGHT-COLOR); } .weui-steps_horizonal .weui-steps__item__inner { margin-left: 16rpx; } .weui-steps_horizonal .weui-steps__item_success+.weui-steps__item:before,.weui-steps_horizonal .weui-steps__item_success:after,.weui-steps_horizonal .weui-steps__item_success:before { background: var(--weui-STEPS-HIGHLIGHT-COLOR); } .weui-steps_horizonal-primary { display: flex; } .weui-steps_horizonal-primary .weui-steps__item { -webkit-box-flex: 1; flex: 1; position: relative; } .weui-steps_horizonal-primary .weui-steps__item:before { border-top: 2rpx solid var(--weui-STEPS-DEFAULT-COLOR); color: var(--weui-STEPS-DEFAULT-COLOR); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-steps_horizonal-primary .weui-steps__item:last-child { -webkit-box-flex: 0; flex: none; } .weui-steps_horizonal-primary .weui-steps__item:last-child:before { display: none; } .weui-steps_horizonal-primary .weui-steps__item__inner { padding-top: 72rpx; position: relative; } .weui-steps_horizonal-primary .weui-steps__item__inner:before { background-color: var(--weui-STEPS-DEFAULT-COLOR); border-radius: 100%; content: ""; height: var(--weui-STEPS-DOT-SIZE); left: 0; position: absolute; top: 0; transform: translateY(-50%); width: var(--weui-STEPS-DOT-SIZE); z-index: 1; } .weui-steps_horizonal-primary .weui-steps__item__inner:after { background-color: var(--weui-BG-2); content: ""; height: calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP)); left: 0; position: absolute; top: 0; transform: translate(calc(-50% + var(--weui-STEPS-DOT-SIZE) / 2),-50%); width: calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP)); } .weui-steps_horizonal-primary .weui-steps__item_success:before { border-color: var(--weui-STEPS-HIGHLIGHT-COLOR); } .weui-steps_horizonal-primary .weui-steps__item_success+.weui-steps__item .weui-steps__item__inner:before,.weui-steps_horizonal-primary .weui-steps__item_success .weui-steps__item__inner:before { background: var(--weui-STEPS-HIGHLIGHT-COLOR); } .weui-steps_horizonal-center { display: flex; text-align: center; } .weui-steps_horizonal-center .weui-steps__item { -webkit-box-flex: 1; flex: 1; position: relative; } .weui-steps_horizonal-center .weui-steps__item:after,.weui-steps_horizonal-center .weui-steps__item:before { border-top: 2rpx solid var(--weui-STEPS-DEFAULT-COLOR); color: var(--weui-STEPS-DEFAULT-COLOR); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-steps_horizonal-center .weui-steps__item:before { right: 50%; } .weui-steps_horizonal-center .weui-steps__item:after { left: 50%; } .weui-steps_horizonal-center .weui-steps__item:first-child:before,.weui-steps_horizonal-center .weui-steps__item:last-child:after { display: none; } .weui-steps_horizonal-center .weui-steps__item__inner { padding-top: 72rpx; position: relative; z-index: 1; } .weui-steps_horizonal-center .weui-steps__item__inner:before { background-color: var(--weui-STEPS-DEFAULT-COLOR); border-radius: 100%; content: ""; height: var(--weui-STEPS-DOT-SIZE); left: 50%; position: absolute; top: 0; transform: translate(-50%,-50%); width: var(--weui-STEPS-DOT-SIZE); z-index: 1; } .weui-steps_horizonal-center .weui-steps__item__inner:after { background-color: var(--weui-BG-2); content: ""; height: calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP)); left: 50%; position: absolute; top: 0; transform: translate(-50%,-50%); width: calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP)); } .weui-steps_horizonal-center .weui-steps__item_success+.weui-steps__item .weui-steps__item__inner:before,.weui-steps_horizonal-center .weui-steps__item_success+.weui-steps__item:before,.weui-steps_horizonal-center .weui-steps__item_success .weui-steps__item__inner:before,.weui-steps_horizonal-center .weui-steps__item_success:after,.weui-steps_horizonal-center .weui-steps__item_success:before { background: var(--weui-STEPS-HIGHLIGHT-COLOR); } body,page { --weui-cellMarginLR: 32rpx; --weui-cellPaddingLR: 32rpx; } .weui-cells__group { border: 0; } .weui-cells__group:first-child { margin-top: 0; } .weui-cells__group_form { margin-top: 48rpx; } .weui-cells__group_form .weui-cells { margin-left: var(--weui-cellMarginLR); margin-right: var(--weui-cellMarginLR); } .weui-cells__group_form .weui-cells:after,.weui-cells__group_form .weui-cells:before { left: var(--weui-cellPaddingLR); right: var(--weui-cellPaddingLR); } .weui-cells__group_form .weui-cell { padding: 32rpx var(--weui-cellPaddingLR); } .weui-cells__group_form .weui-cell:before { left: var(--weui-cellPaddingLR); right: var(--weui-cellPaddingLR); } .weui-cells__group_form .weui-cell__hd { padding-right: 32rpx; } .weui-cells__group_form .weui-cell__ft { padding-left: 32rpx; } .weui-cells__group_form .weui-cells__title { margin-bottom: 16rpx; margin-top: 48rpx; padding: 0 64rpx; } .weui-cells__group_form:first-child .weui-cells__title { margin-top: 0; } .weui-cells__group_form .weui-cells__tips { color: var(--weui-FG-2); margin-top: 16rpx; padding: 0 calc(var(--weui-cellMarginLR) + var(--weui-cellPaddingLR)); } .weui-cells__group_form .weui-cells__tips .a,.weui-cells__group_form .weui-cells__tips a { font-weight: 700; } .weui-cells__group_form .weui-cells__tips_warn { color: var(--weui-RED); } .weui-cells__group_form .weui-label { margin-right: 16rpx; max-width: 5em; } .weui-cells__group_form .weui-cell_access:active:after,.weui-cells__group_form .weui-cell_active:active:after { border-radius: 16rpx; } .weui-cells__group_form .weui-cell_warn input { color: var(--weui-RED); } .weui-cells__group_form .weui-cell_disabled:active:after,.weui-cells__group_form .weui-cell_readonly:active:after,.weui-cells__group_form .weui-cell_switch:active:after,.weui-cells__group_form .weui-cell_vcode:active:after,.weui-cells__group_form .weui-icon-warn { display: none; } .weui-cells__group_form input,.weui-cells__group_form label[for],.weui-cells__group_form textarea { -webkit-tap-highlight-color: rgba(0,0,0,0); } .weui-cells__group_form .weui-cell_wrap { -webkit-box-align: initial; align-items: normal; padding-bottom: 16rpx; padding-top: 16rpx; } .weui-cells__group_form .weui-cell_wrap .weui-cell__hd { padding-right: 0; } .weui-cells__group_form .weui-cell_wrap .weui-label { margin-top: 16rpx; } .weui-cells__group_form .weui-cell_wrap .weui-cell__bd { -webkit-box-align: center; align-items: center; display: flex; flex-wrap: wrap; } .weui-cells__group_form .weui-cell__control { margin: 16rpx 0 16rpx 32rpx; } .weui-cells__group_form .weui-cell__control_flex { -webkit-box-flex: 1; flex: 1; min-width: 30vw; } .weui-cells__group_form .weui-vcode-btn { background-color: var(--weui-BTN-DEFAULT-BG); border-radius: 12rpx; color: var(--weui-BTN-DEFAULT-COLOR); font-size: 32rpx; height: auto; line-height: 2; padding: 0 24rpx; width: auto; } .weui-cells__group_form .weui-vcode-btn:before { display: none; } .weui-cells__group_form .weui-cell_vcode.weui-cell_wrap { padding-bottom: 8rpx; padding-top: 8rpx; } .weui-cells__group_form .weui-cell_vcode.weui-cell_wrap .weui-label { margin-top: 24rpx; } .weui-cells__group_form .weui-cell_vcode.weui-cell_wrap .weui-input { font-size: 34rpx; min-height: 1.88235294em; } .weui-cells__group_form .weui-cells_checkbox .weui-check__label:before { left: calc(80rpx + var(--weui-cellPaddingLR)); } .weui-cells__group_form .weui-cell_select { padding: 0; } .weui-cells__group_form .weui-cell_select-before .weui-cell__hd { padding-right: 0; } .weui-cells__group_form .weui-cell_switch { padding: 24rpx 32rpx; } .weui-cells__group_form-primary { margin-top: 64rpx; } .weui-cells__group_form-primary .weui-cells { background: var(--weui-BG-1); border-radius: 16rpx; overflow: hidden; } .weui-cells__group_form-primary .weui-cells:after,.weui-cells__group_form-primary .weui-cells:before { display: none; } .weui-cells__group_form-primary .weui-cell_access:active:after,.weui-cells__group_form-primary .weui-cell_active:active:after { border-radius: 0; } .weui-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; background-color: var(--weui-BG-2); box-sizing: border-box; display: flex; flex-direction: column; line-height: 1.4; min-height: 100%; padding: calc(112rpx + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } .weui-form .weui-footer,.weui-form .weui-footer__link { font-size: 28rpx; } .weui-form .weui-agree { -webkit-box-pack: center; -webkit-box-align: center; word-wrap: break-word; align-items: center; display: flex; hyphens: auto; justify-content: center; line-height: 1.6; padding: 0; text-align: justify; } .weui-form .weui-agree__checkbox { flex-shrink: 0; margin-top: 0; } .weui-form .weui-agree__text { min-width: 0; } .weui-form__text-area { color: var(--weui-FG-0); padding: 0 64rpx; text-align: center; } .weui-form__control-area { -webkit-box-flex: 1; flex: 1; margin: 96rpx 0; } .weui-form__extra-area,.weui-form__tips-area { margin-bottom: 48rpx; padding: 0 64rpx; text-align: center; } .weui-form__extra-area { margin-top: 104rpx; } .weui-form__opr-area { padding: 0 64rpx; } .weui-form__opr-area:last-child { margin-bottom: 192rpx; } .weui-form__opr-area+.weui-form__tips-area { margin-bottom: 0; margin-top: 32rpx; } .weui-form__tips-area+.weui-form__extra-area { margin-top: 64rpx; } .weui-form__tips-area:last-child { margin-bottom: 120rpx; } .weui-form__title { font-size: 44rpx; font-weight: 700; line-height: 1.36; } .weui-form__desc { font-size: 34rpx; margin-top: 32rpx; } .weui-form__tips { color: var(--weui-FG-1); font-size: 28rpx; } .weui-form__tips a,.weui-form__tips navigator { color: var(--weui-LINK); } .weui-form__tips navigator { display: inline; } .weui-article { word-wrap: break-word; color: var(--weui-FG-0); font-size: 34rpx; hyphens: auto; line-height: 1.4; padding: 96rpx calc(48rpx + env(safe-area-inset-right)) calc(96rpx + env(safe-area-inset-bottom)) calc(48rpx + env(safe-area-inset-left)); } .weui-article image { margin: 0; vertical-align: bottom; } .weui-article__section { margin-bottom: 96rpx; } .weui-article__section .weui-article__section { margin-bottom: 64rpx; } .weui-article__section .weui-article__section .weui-article__section { margin-bottom: 48rpx; } .weui-article__h1 { font-size: 44rpx; font-weight: 500; margin-bottom: 96rpx; text-align: center; } .weui-article__h2 { font-size: 40rpx; font-weight: 500; margin-bottom: 32rpx; } .weui-article__h3 { font-size: 34rpx; font-weight: 500; margin-bottom: 16rpx; } .weui-article__h4 { margin-bottom: 8rpx; } .weui-article__h4,.weui-article__h5,.weui-article__h6 { font-size: 34rpx; font-weight: 400; } .weui-article__p { line-height: 1.6; margin: 0 0 48rpx; } .weui-article__ol,.weui-article__ul { margin-bottom: 48rpx; margin-left: 1.2em; } .weui-article__ol .weui-article__ol,.weui-article__ol .weui-article__ul,.weui-article__ul .weui-article__ol,.weui-article__ul .weui-article__ul { margin: .5em 0 .5em 1.2em; } .weui-article__ol { list-style: decimal; } .weui-article__ul { list-style: disc; } .weui-article__li { display: list-item; margin: .5em 0; } .weui-article__list_inside .weui-article__li { list-style-position: inside; } .weui-article__list_none .weui-article__li { list-style: none; } .weui-tabbar { background-color: var(--weui-BG-1); display: flex; position: relative; z-index: 500; } .weui-tabbar:before { border-top: 2rpx solid var(--weui-FG-3); color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-tabbar__item { -webkit-box-flex: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); color: var(--weui-FG-1); display: block; flex: 1; font-size: 0; padding: 16rpx 0 calc(16rpx + env(safe-area-inset-bottom)); text-align: center; } .weui-tabbar__item:first-child { padding-left: env(safe-area-inset-left); } .weui-tabbar__item:last-child { padding-right: env(safe-area-inset-right); } .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label { color: var(--weui-BRAND); } .weui-tabbar__icon { display: inline-block; font-size: 20rpx; height: 2.8em; margin-bottom: 4rpx; width: 2.8em; } .weui-tabbar__icon>i,i.weui-tabbar__icon { color: var(--weui-FG-1); font-size: 48rpx; } .weui-tabbar__icon .img,.weui-tabbar__icon img { height: 100%; width: 100%; } .weui-tabbar__label { color: var(--weui-FG-0); font-size: 20rpx; line-height: 1.4; } .weui-navbar { background-color: var(--weui-BG-2); display: flex; padding-top: env(safe-area-inset-top); position: relative; z-index: 500; } .weui-navbar:after { border-bottom: 2rpx solid var(--weui-FG-3); bottom: 0; color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; transform: scaleY(.5); transform-origin: 0 100%; } .weui-navbar+.weui-tab__panel { padding-bottom: env(safe-area-inset-bottom); } .weui-navbar__item { -webkit-box-flex: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); display: block; flex: 1; font-size: 34rpx; line-height: 1.41176471; padding: calc(32rpx + env(safe-area-inset-top)) 0 32rpx; position: relative; text-align: center; } .weui-navbar__item.weui-bar__item_on,.weui-navbar__item:active { background-color: var(--weui-BG-COLOR-ACTIVE); } .weui-navbar__item:after { border-right: 2rpx solid var(--weui-FG-3); bottom: 0; color: var(--weui-FG-3); content: " "; position: absolute; right: 0; top: 0; transform: scaleX(.5); transform-origin: 100% 0; width: 2rpx; } .weui-navbar__item:first-child { padding-left: env(safe-area-inset-left); } .weui-navbar__item:last-child { padding-right: env(safe-area-inset-right); } .weui-navbar__item:last-child:after { display: none; } .weui-tab { -webkit-box-orient: vertical; -webkit-box-direction: normal; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; } .weui-tab__panel { -webkit-box-flex: 1; -webkit-overflow-scrolling: touch; box-sizing: border-box; flex: 1; overflow: auto; } .weui-tab__content { display: none; } .weui-progress { -webkit-box-align: center; align-items: center; display: flex; } .weui-progress__bar { -webkit-box-flex: 1; background-color: var(--weui-BG-0); flex: 1; height: 6rpx; } .weui-progress__inner-bar { background-color: var(--weui-BRAND); height: 100%; width: 0; } .weui-progress__opr { display: block; font-size: 0; margin-left: 30rpx; } .weui-panel { background-color: var(--weui-BG-2); margin-top: 20rpx; overflow: hidden; position: relative; } .weui-panel:first-child { margin-top: 0; } .weui-panel:before { border-top: 2rpx solid var(--weui-FG-3); top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-panel:after,.weui-panel:before { color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; } .weui-panel:after { border-bottom: 2rpx solid var(--weui-FG-3); bottom: 0; transform: scaleY(.5); transform-origin: 0 100%; } .weui-panel .weui-cells:after { display: none; } .weui-panel__hd { color: var(--weui-FG-0); font-size: 30rpx; font-weight: 500; padding: 32rpx 32rpx 26rpx; position: relative; } .weui-panel__hd:after { border-bottom: 2rpx solid var(--weui-FG-3); bottom: 0; color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; left: 30rpx; position: absolute; right: 0; transform: scaleY(.5); transform-origin: 0 100%; } .weui-media-box { padding: 32rpx; position: relative; } .weui-media-box:before { border-top: 2rpx solid var(--weui-FG-3); color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; left: 32rpx; position: absolute; right: 0; top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-media-box:first-child:before { display: none; } a.weui-media-box { -webkit-tap-highlight-color: rgba(0,0,0,0); color: #000; } a.weui-media-box:active { background-color: var(--weui-BG-COLOR-ACTIVE); } .weui-media-box__title { word-wrap: normal; color: var(--weui-FG-0); display: block; font-size: 34rpx; font-weight: 400; white-space: nowrap; width: auto; } .weui-media-box__desc,.weui-media-box__title { word-wrap: break-word; hyphens: auto; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; } .weui-media-box__desc { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--weui-FG-2); display: -webkit-box; font-size: 28rpx; padding-top: 8rpx; } .weui-media-box__info { color: var(--weui-FG-2); display: block; font-size: 26rpx; line-height: 1em; list-style: none; margin-top: 32rpx; overflow: hidden; padding-bottom: 8rpx; } .weui-media-box__info__meta { float: left; padding-right: 1em; } .weui-media-box__info__meta_extra { border-left: 2rpx solid var(--weui-FG-2); padding-left: 1em; } .weui-media-box_appmsg { -webkit-box-align: center; align-items: center; display: flex; } .weui-media-box_appmsg .weui-media-box__hd { height: 120rpx; line-height: 120rpx; margin-right: 32rpx; text-align: center; width: 120rpx; } .weui-media-box_appmsg .weui-media-box__thumb { max-height: 100%; vertical-align: top; width: 100%; } .weui-media-box_appmsg .weui-media-box__bd { -webkit-box-flex: 1; flex: 1; min-width: 0; } .weui-media-box_small-appmsg { padding: 0; } .weui-media-box_small-appmsg .weui-cells { margin-top: 0; } .weui-media-box_small-appmsg .weui-cells:before { display: none; } .weui-grids { overflow: hidden; position: relative; } .weui-grids:before { border-top: 2rpx solid var(--weui-FG-3); height: 2rpx; right: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-grids:after,.weui-grids:before { color: var(--weui-FG-3); content: " "; left: 0; position: absolute; top: 0; } .weui-grids:after { border-left: 2rpx solid var(--weui-FG-3); bottom: 0; transform: scaleX(.5); transform-origin: 0 0; width: 2rpx; } .weui-grid { box-sizing: border-box; float: left; padding: 40rpx 20rpx; position: relative; width: 33.33333333%; } .weui-grid:before { border-right: 2rpx solid var(--weui-FG-3); top: 0; transform: scaleX(.5); transform-origin: 100% 0; width: 2rpx; } .weui-grid:after,.weui-grid:before { bottom: 0; color: var(--weui-FG-3); content: " "; position: absolute; right: 0; } .weui-grid:after { border-bottom: 2rpx solid var(--weui-FG-3); height: 2rpx; left: 0; transform: scaleY(.5); transform-origin: 0 100%; } .weui-grid:active { background-color: var(--weui-BG-COLOR-ACTIVE); } .weui-grid__icon { height: 56rpx; margin: 0 auto; width: 56rpx; } .weui-grid__icon img { display: block; height: 100%; width: 100%; } .weui-grid__icon+.weui-grid__label { margin-top: 8rpx; } .weui-grid__label { color: var(--weui-FG-0); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .weui-footer,.weui-grid__label { font-size: 28rpx; text-align: center; } .weui-footer { color: rgba(0,0,0,.2); line-height: 1.4; } [data-weui-theme="dark"] .weui-footer { color: hsla(0,0%,100%,.2); } .weui-footer a,.weui-footer navigator { color: var(--weui-LINK); } .weui-footer navigator { display: inline; } .weui-footer_fixed-bottom { bottom: 0; left: 0; left: constant(safe-area-inset-left); left: env(safe-area-inset-left); padding-bottom: calc(32rpx + env(safe-area-inset-bottom)); padding-top: 32rpx; position: fixed; right: 0; right: constant(safe-area-inset-right); right: env(safe-area-inset-right); } .weui-footer__links { font-size: 0; } .weui-footer__link { display: inline-block; font-size: 28rpx; margin: 0 16rpx; position: relative; vertical-align: top; } .weui-footer__link:before { border-left: 2rpx solid var(--weui-FG-3); bottom: 0; bottom: .36em; color: var(--weui-FG-3); content: " "; left: 0; left: -16rpx; position: absolute; top: 0; top: .36em; transform: scaleX(.5); transform-origin: 0 0; width: 2rpx; } .weui-footer__link:first-child:before { display: none; } .weui-footer__text { font-size: 24rpx; padding: 0 32rpx; } .weui-flex { display: flex; } .weui-flex__item { -webkit-box-flex: 1; flex: 1; min-width: 0; } .weui-dialog { -webkit-box-orient: vertical; -webkit-box-direction: normal; background-color: var(--weui-BG-2); border-radius: 24rpx; display: flex; flex-direction: column; left: 32rpx; max-height: 90%; outline: 0; overflow: hidden; position: fixed; right: 32rpx; text-align: center; top: 50%; transform: translateY(-50%); z-index: 5000; } .weui-dialog__hd { padding: 64rpx 48rpx 32rpx; } .weui-dialog__title { color: var(--weui-FG-0); font-size: 34rpx; font-weight: 700; line-height: 1.4; } .weui-dialog__bd { -webkit-overflow-scrolling: touch; word-wrap: break-word; color: var(--weui-FG-1); font-size: 34rpx; hyphens: auto; line-height: 1.4; margin-bottom: 64rpx; overflow-y: auto; padding: 0 48rpx; } .weui-dialog__bd:first-child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; color: var(--weui-FG-0); flex-direction: column; font-weight: 700; justify-content: center; min-height: 80rpx; padding: 64rpx 48rpx 0; } .weui-dialog__bd:first-child,.weui-dialog__ft { display: flex; } .weui-dialog__ft { position: relative; } .weui-dialog__ft:after { border-top: 2rpx solid var(--weui-DIALOG-LINE-COLOR); color: var(--weui-DIALOG-LINE-COLOR); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-dialog__btn { -webkit-box-flex: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); color: var(--weui-LINK); display: block; flex: 1; font-size: 34rpx; font-weight: 700; line-height: 1.41176471; overflow: hidden; padding: 32rpx 0; position: relative; text-decoration: none; user-select: none; } .weui-dialog__btn:active { background-color: var(--weui-BG-COLOR-ACTIVE); } .weui-dialog__btn:after { border-left: 2rpx solid var(--weui-DIALOG-LINE-COLOR); bottom: 0; color: var(--weui-DIALOG-LINE-COLOR); content: " "; left: 0; position: absolute; top: 0; transform: scaleX(.5); transform-origin: 0 0; width: 2rpx; } .weui-dialog__btn:first-child:after { display: none; } .weui-dialog__btn_default { color: var(--weui-FG-HALF); } .weui-skin_android .weui-dialog { box-shadow: 0 12rpx 60rpx 0 rgba(0,0,0,.1); text-align: left; } .weui-skin_android .weui-dialog__title { font-size: 44rpx; line-height: 1.4; } .weui-skin_android .weui-dialog__hd { text-align: left; } .weui-skin_android .weui-dialog__bd { color: var(--weui-FG-1); text-align: left; } .weui-skin_android .weui-dialog__bd:first-child { color: var(--weui-FG-0); } .weui-skin_android .weui-dialog__ft { display: block; line-height: 80rpx; min-height: 80rpx; padding: 0 48rpx 32rpx; text-align: right; } .weui-skin_android .weui-dialog__ft:after { display: none; } .weui-skin_android .weui-dialog__btn { display: inline-block; padding: 0 .8em; vertical-align: top; } .weui-skin_android .weui-dialog__btn:after { display: none; } .weui-skin_android .weui-dialog__btn:last-child { margin-right: -.8em; } .weui-skin_android .weui-dialog__btn_default { color: var(--weui-FG-HALF); } @media screen and (min-width:704rpx) { .weui-dialog { margin: 0 auto; width: 640rpx; } } .weui-half-screen-dialog { -webkit-box-orient: vertical; -webkit-box-direction: normal; background-color: var(--weui-BG-2); border-top-left-radius: 24rpx; border-top-right-radius: 24rpx; bottom: 0; box-sizing: border-box; color: var(--weui-FG-0); display: flex; flex-direction: column; left: 0; line-height: 1.4; max-height: 75%; min-height: 510rpx; outline: 0; overflow: hidden; padding: 0 calc(48rpx + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(48rpx + env(safe-area-inset-left)); position: fixed; right: 0; z-index: 5000; } .weui-half-screen-dialog__hd { -webkit-box-align: center; align-items: center; display: flex; flex-shrink: 0; min-height: 128rpx; } .weui-half-screen-dialog__hd .weui-btn_icon { color: inherit; position: absolute; top: 50%; transform: translateY(-50%); } .weui-half-screen-dialog__hd .weui-btn_icon:active { opacity: .5; } .weui-half-screen-dialog__hd__side { left: -16rpx; position: relative; } .weui-half-screen-dialog__hd__main { -webkit-box-flex: 1; flex: 1; } .weui-half-screen-dialog__hd__side+.weui-half-screen-dialog__hd__main { padding: 0 80rpx; text-align: center; } .weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side { left: auto; right: -16rpx; } .weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side .weui-btn_icon,.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side .weui-icon-btn { right: 0; } .weui-half-screen-dialog__title { color: var(--weui-FG-0); display: block; font-size: 30rpx; font-weight: 500; } .weui-half-screen-dialog__subtitle { color: var(--weui-FG-1); display: block; font-size: 20rpx; } .weui-half-screen-dialog__bd { -webkit-box-flex: 1; word-wrap: break-word; color: var(--weui-FG-0); flex: 1; font-size: 28rpx; hyphens: auto; min-height: 0; overflow-y: auto; padding-bottom: 112rpx; } .weui-half-screen-dialog__desc { color: var(--weui-FG-0); font-size: 34rpx; font-weight: 700; line-height: 1.4; } .weui-half-screen-dialog__tips { color: var(--weui-FG-0); font-size: 28rpx; line-height: 1.4; padding-top: 32rpx; } .weui-half-screen-dialog__ft { padding: 0 0 128rpx; text-align: center; } .weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2),.weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2)+.weui-btn { display: inline-block; margin: 0 16rpx; vertical-align: top; width: 240rpx; } .weui-half-screen-dialog__btn-area { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: flex; justify-content: center; } .weui-half-screen-dialog__btn-area .weui-btn { padding-left: 32rpx; padding-right: 32rpx; width: 368rpx; } .weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2),.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2)+.weui-btn { margin: 0 16rpx; width: 272rpx; } .weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2)+.weui-btn:first-child,.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2):first-child { margin-left: 0; } .weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2)+.weui-btn:last-child,.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2):last-child { margin-right: 0; } .weui-half-screen-dialog__btn-area+.weui-half-screen-dialog__attachment-area { margin-bottom: -68rpx; margin-top: 48rpx; } .weui-half-screen-dialog_btn-wrap .weui-half-screen-dialog__btn-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .weui-half-screen-dialog_large { max-height: none; top: 32rpx; } .weui-half-screen-dialog_slide .weui-half-screen-dialog__hd { -webkit-box-pack: center; justify-content: center; min-height: 0; padding: 24rpx 32rpx 32rpx; } .weui-half-screen-dialog_slide .weui-half-screen-dialog__slide-icon { -webkit-box-pack: center; -webkit-box-align: center; align-items: center; background: var(--weui-BG-0); border-radius: 4rpx; display: flex; height: 8rpx; justify-content: center; position: absolute; top: 24rpx; width: 80rpx; } [data-weui-theme="dark"] .weui-half-screen-dialog_slide .weui-half-screen-dialog__slide-icon { background: var(--weui-FG-3); } .weui-half-screen-dialog_slide .weui-half-screen-dialog__slide-icon .weui-icon-arrow { height: 1.6em; opacity: 0; transform: rotate(90deg); width: .8em; } .weui-icon-more { mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M5 10.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5z'/%3E%3C/svg%3E") no-repeat 50% 50%; } .weui-icon-slide-down { mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E %3Cdefs%3E %3Crect id='dda90263-a290-4594-926f-6aba8cb4779f-a' width='24' height='24' x='0' y='0' rx='12'/%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cmask id='dda90263-a290-4594-926f-6aba8cb4779f-b' fill='%23fff'%3E %3Cuse xlink:href='%23dda90263-a290-4594-926f-6aba8cb4779f-a'/%3E %3C/mask%3E %3Cuse fill='%23000' fill-opacity='.05' xlink:href='%23dda90263-a290-4594-926f-6aba8cb4779f-a'/%3E %3Cg fill-opacity='.9' mask='url(%23dda90263-a290-4594-926f-6aba8cb4779f-b)'%3E %3Cpath fill='%23000' d='M11.407 15.464L6.693 10.75l1.179-1.179 4.125 4.125 4.124-4.125L17.3 10.75l-4.714 4.714a.833.833 0 0 1-1.179 0z'/%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .weui-half-screen-dialog__hd .weui-icon-btn { color: inherit; position: absolute; top: 50%; transform: translateY(-50%); } .weui-half-screen-dialog__hd .weui-icon-btn:active { opacity: .5; } .weui-half-screen-dialog__hd .weui-icon-btn:after { content: ""; height: 100%; left: 50%; min-height: 88rpx; min-width: 88rpx; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 100%; } .weui-icon-btn.weui-icon-btn { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; background-color: initial; border-width: 0; color: var(--weui-FG-0); font-size: 0; height: auto; outline: 0; width: auto; } .weui-icon-btn_goback.weui-icon-btn_goback { background-color: currentColor; color: var(--weui-FG-0); height: 1.42rem; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 19.438 8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% 50%; mask-size: 100%; width: .71rem; } .weui-icon-btn_close.weui-icon-btn_close { background-color: currentColor; color: var(--weui-FG-0); height: 1.42rem; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 10.693 6.057 4.5 5 5.557l6.193 6.193L5 17.943 6.057 19l6.193-6.193L18.443 19l1.057-1.057-6.193-6.193L19.5 5.557 18.443 4.5z' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% 50%; mask-size: 100%; width: 1.42rem; } .weui-toast { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: var(--weui-BG-4); border-radius: 24rpx; box-sizing: border-box; color: hsla(0,0%,100%,.9); display: flex; flex-direction: column; font-size: 20rpx; height: 13.6em; justify-content: center; left: 50%; line-height: 1.4; position: fixed; text-align: center; top: 40%; transform: translate(-50%,-50%); width: 13.6em; z-index: 5500; } .weui-toast_text { border-radius: 16rpx; height: auto; max-width: 432rpx; min-width: 304rpx; padding: 24rpx 0; width: auto; } .weui-toast_text .weui-toast__content { font-size: 28rpx; padding: 0 40rpx; } .weui-icon_toast { display: block; margin-bottom: 32rpx; } .weui-icon_toast.weui-icon_toast { height: 4em; width: 4em; } .weui-icon_toast.weui-icon-success-no-circle,.weui-icon_toast.weui-icon-warn { color: hsla(0,0%,100%,.9); } .weui-icon_toast.weui-loading { font-size: 80rpx; height: 1em; width: 1em; } .weui-icon_toast.weui-primary-loading { color: #ededed; display: flex; font-size: 80rpx; height: 1em; width: 1em; } .weui-icon_toast.weui-primary-loading:before { border-width: 8rpx 0 8rpx 8rpx; } .weui-icon_toast.weui-primary-loading:after { border-width: 8rpx 8rpx 8rpx 0; } .weui-icon_toast.weui-primary-loading .weui-primary-loading__dot { border-bottom-right-radius: 8rpx; border-top-right-radius: 8rpx; height: 8rpx; width: 8rpx; } .weui-toast__content { word-wrap: break-word; font-size: 34rpx; hyphens: auto; padding: 0 24rpx; } .weui-toast_text-more .weui-icon_toast { margin-bottom: 24rpx; } .weui-toast_text-more .weui-toast__content { font-size: 28rpx; line-height: 1.6; } .weui-mask { background: rgba(0,0,0,.6); } .weui-mask,.weui-mask_transparent { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000; } .weui-actionsheet { backface-visibility: hidden; background-color: var(--weui-BG-1); border-top-left-radius: 24rpx; border-top-right-radius: 24rpx; bottom: 0; left: 0; outline: 0; overflow: hidden; position: fixed; transform: translateY(100%); transition: transform .3s; transition: transform .3s,-webkit-transform .3s; width: 100%; z-index: 5000; } .weui-actionsheet__title { -webkit-box-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; background: var(--weui-BG-2); box-sizing: border-box; color: var(--weui-FG-1); display: flex; flex-direction: column; font-size: 24rpx; height: 112rpx; justify-content: center; line-height: 1.4; padding: 16rpx calc(48rpx + env(safe-area-inset-right)) 16rpx calc(48rpx + env(safe-area-inset-left)); position: relative; text-align: center; } .weui-actionsheet__title:before { border-bottom: 2rpx solid var(--weui-FG-3); bottom: 0; color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; transform: scaleY(.5); transform-origin: 0 100%; } .weui-actionsheet__title .weui-actionsheet__title-text { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } .weui-actionsheet__action,.weui-actionsheet__menu { background-color: var(--weui-BG-2); color: var(--weui-FG-0); } .weui-actionsheet__action { margin-top: 16rpx; } .weui-actionsheet__action .weui-actionsheet__cell:last-child { padding-bottom: calc(32rpx + env(safe-area-inset-bottom)); } .weui-actionsheet__cell { font-size: 34rpx; line-height: 1.41176471; overflow: hidden; padding: 32rpx calc(32rpx + env(safe-area-inset-right)) 32rpx calc(32rpx + env(safe-area-inset-left)); position: relative; text-align: center; } .weui-actionsheet__cell:before { border-top: 2rpx solid var(--weui-FG-3); color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-actionsheet__cell:active { background-color: var(--weui-BG-COLOR-ACTIVE); } .weui-actionsheet__cell:first-child:before { display: none; } .weui-actionsheet__cell_warn { color: var(--weui-RED); } .weui-skin_android .weui-actionsheet { backface-visibility: hidden; background: transparent; border-top-left-radius: 0; border-top-right-radius: 0; bottom: auto; box-sizing: border-box; left: 50%; position: fixed; top: 50%; transform: translate(-50%,-50%); transition: transform .3s; transition: transform .3s,-webkit-transform .3s; width: 548rpx; } .weui-skin_android .weui-actionsheet__action { display: none; } .weui-skin_android .weui-actionsheet__menu { border-radius: 4rpx; box-shadow: 0 12rpx 60rpx 0 rgba(0,0,0,.1); } .weui-skin_android .weui-actionsheet__cell { color: var(--weui-FG-0); font-size: 34rpx; line-height: 1.41176471; padding: 32rpx; text-align: left; } .weui-skin_android .weui-actionsheet__cell:first-child { border-top-left-radius: 4rpx; border-top-right-radius: 4rpx; } .weui-skin_android .weui-actionsheet__cell:last-child { border-bottom-left-radius: 4rpx; border-bottom-right-radius: 4rpx; } .weui-actionsheet_toggle { transform: translate(0); } .weui-loadmore { font-size: 0; margin: 40rpx auto; text-align: center; width: 65%; } .weui-loadmore .weui-loading,.weui-loadmore .weui-primary-loading { margin-right: 16rpx; } .weui-loadmore__tips { color: var(--weui-FG-1); display: inline-block; font-size: 28rpx; line-height: 1.6; vertical-align: middle; } .weui-loadmore_line { border-top: 2rpx solid var(--weui-FG-3); margin-top: 64rpx; } .weui-loadmore_line .weui-loadmore__tips { background-color: var(--weui-BG-2); padding: 0 16rpx; position: relative; top: -.9em; } .weui-loadmore_dot .weui-loadmore__tips:before { background-color: var(--weui-FG-3); border-radius: 50%; content: " "; display: inline-block; height: 8rpx; position: relative; top: -.16em; vertical-align: 0; width: 8rpx; } .weui-badge { background-color: var(--weui-RED); border-radius: 36rpx; color: #fff; display: inline-block; font-size: 24rpx; line-height: 1.2; min-width: .66666667em; padding: .15em .4em; text-align: center; vertical-align: middle; } .weui-badge_dot { min-width: 0; padding: .4em; } .weui-toptips { word-wrap: break-word; border-radius: 16rpx; color: #fff; display: none; font-size: 28rpx; left: 16rpx; padding: 20rpx; position: fixed; right: 16rpx; text-align: center; top: 16rpx; transform: translateZ(0); word-break: break-all; z-index: 5500; } .weui-toptips_warn { background-color: var(--weui-RED); } .weui-list-tips { color: var(--weui-FG-1); font-size: 28rpx; line-height: 1.4; list-style: none; padding-bottom: 48rpx; padding-top: 48rpx; position: relative; } .weui-list-tips:before { border-top: 2rpx solid var(--weui-FG-3); color: var(--weui-FG-3); content: ""; content: " "; height: 2rpx; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(.5); transform-origin: 0 0; } .weui-list-tips:last-child { padding-bottom: 0; } .weui-list-tips__item { margin: 32rpx 0; padding-left: 30rpx; position: relative; } .weui-list-tips__item:before { content: "\2022"; left: 0; position: absolute; top: -.1em; } .weui-list-tips__item:first-child { margin-top: 0; } .weui-form-preview__list+.weui-list-tips>.weui-list-tips__item:first-child { margin-top: 12rpx; } .weui-search-bar { -webkit-box-align: center; align-items: center; background-color: var(--weui-BG-0); box-sizing: border-box; display: flex; padding: 16rpx; position: relative; } .weui-search-bar.weui-search-bar_focusing .weui-search-bar__cancel-btn { display: block; } .weui-search-bar.weui-search-bar_focusing .weui-search-bar__label { display: none; } .weui-search-bar .weui-icon-search { flex-shrink: 0; font-size: 20rpx; height: 1.6em; margin-left: 16rpx; margin-right: 8rpx; width: 1.6em; } .weui-search-bar__form { -webkit-box-flex: 1; background-color: var(--weui-BG-2); border-radius: 8rpx; flex: 1; min-width: 0; position: relative; } .weui-search-bar__box { -webkit-box-align: center; align-items: center; display: flex; position: relative; z-index: 1; } .weui-search-bar__box .weui-search-bar__input { background: transparent; border: 0; box-sizing: initial; caret-color: var(--weui-BRAND); color: var(--weui-FG-0); font-size: 28rpx; height: 1.14285714em; line-height: 1.14285714em; padding: 16rpx 0; width: 100%; } .weui-search-bar__box .weui-search-bar__input:focus { outline: none; } .weui-search-bar__box .weui-icon-clear { flex-shrink: 0; font-size: 20rpx; height: 2em; margin-left: 16rpx; mask-position: calc(100% - 16rpx) 0; mask-size: 2em; min-width: 88rpx; width: 2em; } .weui-search-bar__box .weui-icon-clear:after { bottom: 0; content: ""; position: absolute; top: 0; width: 88rpx; } .weui-search-bar__label { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background: var(--weui-BG-2); border-radius: 8rpx; bottom: 0; color: var(--weui-FG-1); display: flex; font-size: 0; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } .weui-search-bar__label .span,.weui-search-bar__label span { display: inline-block; font-size: 28rpx; vertical-align: middle; } .weui-search-bar__cancel-btn { color: var(--weui-LINK); display: none; flex-shrink: 0; line-height: 56rpx; margin-left: 16rpx; } .weui-search-bar__input:not(:valid)+.weui-icon-clear { display: none; } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration { display: none; } .weui-picker { backface-visibility: hidden; background-color: var(--weui-BG-2); bottom: 0; box-sizing: border-box; left: 0; outline: 0; padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); position: fixed; transform: translateY(100%); transition: transform .3s; transition: transform .3s,-webkit-transform .3s; width: 100%; z-index: 5000; } .weui-picker .weui-half-screen-dialog__hd { padding-left: 48rpx; padding-right: 48rpx; } .weui-picker .weui-half-screen-dialog__bd { overflow: visible; } .weui-picker__hd { display: flex; font-size: 34rpx; line-height: 1.4; padding: 32rpx calc(32rpx + env(safe-area-inset-right)) 32rpx calc(32rpx + env(safe-area-inset-left)); position: relative; text-align: center; } .weui-picker__hd:after { border-bottom: 2rpx solid var(--weui-FG-3); bottom: 0; color: var(--weui-FG-3); content: " "; height: 2rpx; left: 0; position: absolute; right: 0; transform: scaleY(.5); transform-origin: 0 100%; } .weui-picker__bd { background-color: var(--weui-BG-2); display: flex; height: 480rpx; overflow: hidden; position: relative; } .weui-picker__group { -webkit-box-flex: 1; flex: 1; font-size: 34rpx; height: 100%; position: relative; } .weui-picker__group:first-child .weui-picker__indicator { border-bottom-left-radius: 16rpx; border-top-left-radius: 16rpx; left: 16rpx; } .weui-picker__group:last-child .weui-picker__indicator { border-bottom-right-radius: 16rpx; border-top-right-radius: 16rpx; right: 16rpx; } .weui-picker__mask { background-image: linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)); background-position: top,bottom; background-repeat: no-repeat; background-size: 100% 224rpx; height: 100%; left: 0; margin: 0 auto; position: absolute; top: 0; transform: translateZ(0); width: 100%; z-index: 3; } [data-weui-theme="dark"] .weui-picker__mask { background-image: linear-gradient(180deg,rgba(25,25,25,.95),rgba(25,25,25,.6)),linear-gradient(0deg,rgba(25,25,25,.95),rgba(25,25,25,.6)); } .weui-picker__indicator { background: var(--weui-BG-3); height: 112rpx; left: 0; position: absolute; right: 0; top: 224rpx; z-index: 1; } .weui-picker__content { left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .weui-picker__item { color: var(--weui-FG-0); height: 112rpx; line-height: 112rpx; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .weui-picker__item_disabled { color: var(--weui-FG-1); } @-webkit-keyframes weuiSlideUp { 0% { transform: translate3d(0,100%,0); } to { transform: translateZ(0); } } @keyframes weuiSlideUp { 0% { transform: translate3d(0,100%,0); } to { transform: translateZ(0); } } .weui-animate-slide-up,.weui-animate_slide-up { animation: .3s ease forwards; } @-webkit-keyframes weuiSlideDown { 0% { transform: translateZ(0); } to { transform: translate3d(0,100%,0); } } @keyframes weuiSlideDown { 0% { transform: translateZ(0); } to { transform: translate3d(0,100%,0); } } .weui-animate-slide-down,.weui-animate_slide-down { animation: .3s ease forwards; } .weui-animate-fade-in,.weui-animate_fade-in { animation: fadeIn .3s ease forwards; } .weui-animate-fade-out,.weui-animate_fade-out { animation: fadeOut .3s ease forwards; } .weui-transition.weui-mask { opacity: 0; transition: opacity .3s,visibility .3s; visibility: hidden; } .weui-transition.weui-half-screen-dialog { transform: translateY(100%); transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .weui-transition_show.weui-mask { opacity: 1; visibility: visible; } .weui-transition_show.weui-half-screen-dialog { transform: translateY(0); } .weui-agree { -webkit-tap-highlight-color: rgba(0,0,0,0); display: block; font-size: 28rpx; padding: 16rpx 30rpx 0; } .weui-agree a,.weui-agree navigator { color: var(--weui-LINK); } .weui-agree navigator { display: inline; } .weui-agree__text { color: var(--weui-FG-1); margin-left: 4rpx; } .weui-agree__checkbox { appearance: none; background-color: currentColor; border: 0; color: var(--weui-FG-2); display: inline-block; font-size: 34rpx; height: 1em; margin-top: -.2em; mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500 916.667C269.881 916.667 83.333 730.119 83.333 500 83.333 269.881 269.881 83.333 500 83.333c230.119 0 416.667 186.548 416.667 416.667 0 230.119-186.548 416.667-416.667 416.667zm0-50c202.504 0 366.667-164.163 366.667-366.667 0-202.504-164.163-366.667-366.667-366.667-202.504 0-366.667 164.163-366.667 366.667 0 202.504 164.163 366.667 366.667 366.667z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E"); mask-position: 0 0; mask-repeat: no-repeat; mask-size: 100%; outline: 0; vertical-align: middle; width: 1em; } .weui-agree__checkbox-check { height: 2rpx; opacity: 0; overflow: hidden; position: absolute; width: 2rpx; } .weui-agree__checkbox-check[aria-checked="true"]+.weui-agree__checkbox,.weui-agree__checkbox:checked { color: var(--weui-BRAND); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1.177-7.86-2.765-2.767L7 12.431l3.119 3.121a1 1 0 0 0 1.414 0l5.952-5.95-1.062-1.062-5.6 5.6z'/%3E%3C/svg%3E"); } .weui-agree_animate { animation: weuiAgree .3s 1; } @-webkit-keyframes weuiAgree { 0% { transform: translateX(0); } 16% { transform: translateX(-16rpx); } 28% { transform: translateX(-32rpx); } 44% { transform: translateX(0); } 59% { transform: translateX(-32rpx); } 73% { transform: translateX(0); } 82% { transform: translateX(32rpx); } 94% { transform: translateX(16rpx); } to { transform: translateX(0); } } @keyframes weuiAgree { 0% { transform: translateX(0); } 16% { transform: translateX(-16rpx); } 28% { transform: translateX(-32rpx); } 44% { transform: translateX(0); } 59% { transform: translateX(-32rpx); } 73% { transform: translateX(0); } 82% { transform: translateX(32rpx); } 94% { transform: translateX(16rpx); } to { transform: translateX(0); } } .weui-primary-loading { animation: circleLoading 1s steps(60) infinite; color: #606060; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; font-size: 32rpx; height: 1em; position: relative; vertical-align: middle; width: 1em; } .weui-primary-loading:after,.weui-primary-loading:before { border: .0875em solid; box-sizing: border-box; content: ""; display: block; height: 1em; width: .5em; } .weui-primary-loading:before { border-bottom-left-radius: 1em; border-right-width: 0; border-top-left-radius: 1em; -webkit-mask-image: -webkit-linear-gradient(top,#000 8%,rgba(0,0,0,.3) 95%); } .weui-primary-loading:after { border-bottom-right-radius: 1em; border-left-width: 0; border-top-right-radius: 1em; -webkit-mask-image: -webkit-linear-gradient(top,transparent 8%,rgba(0,0,0,.3) 95%); } .weui-primary-loading__dot { background: currentColor; border-bottom-right-radius: 100%; border-top-right-radius: 100%; height: .0875em; left: 50%; margin-left: -.04375em; position: absolute; top: 0; width: .0875em; } @-webkit-keyframes circleLoading { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes circleLoading { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } .weui-primary-loading_brand { color: var(--weui-BRAND); } .weui-primary-loading_transparent { color: #ededed; } .weui-loading { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='160rpx' height='160rpx' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='94.087%25' y1='0%25' x2='94.087%25' y2='90.559%25' id='a'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23606060' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.674%25' x2='100%25' y2='90.629%25' id='b'%3E%3Cstop stop-color='%23606060' offset='0%25'/%3E%3Cstop stop-color='%23606060' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.9'%3E%3Cpath d='M40 0c22.091 0 40 17.909 40 40S62.091 80 40 80v-7c18.225 0 33-14.775 33-33S58.225 7 40 7V0Z' fill='url(%23a)'/%3E%3Cpath d='M40 0v7C21.775 7 7 21.775 7 40s14.775 33 33 33v7C17.909 80 0 62.091 0 40S17.909 0 40 0Z' fill='url(%23b)'/%3E%3Ccircle fill='%23606060' cx='40.5' cy='3.5' r='3.5'/%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E") no-repeat; background-size: 100%; display: inline-block; font-size: 32rpx; height: 1em; vertical-align: middle; width: 1em; } .weui-btn_loading.weui-btn_primary .weui-loading,.weui-loading.weui-icon_toast,.weui-loading.weui-loading_transparent { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='160rpx' height='160rpx' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='94.087%25' y1='0%25' x2='94.087%25' y2='90.559%25' id='a'%3E%3Cstop stop-color='%23ededed' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23ededed' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.674%25' x2='100%25' y2='90.629%25' id='b'%3E%3Cstop stop-color='%23ededed' offset='0%25'/%3E%3Cstop stop-color='%23ededed' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.9'%3E%3Cpath d='M40 0c22.091 0 40 17.909 40 40S62.091 80 40 80v-7c18.225 0 33-14.775 33-33S58.225 7 40 7V0Z' fill='url(%23a)'/%3E%3Cpath d='M40 0v7C21.775 7 7 21.775 7 40s14.775 33 33 33v7C17.909 80 0 62.091 0 40S17.909 0 40 0Z' fill='url(%23b)'/%3E%3Ccircle fill='%23ededed' cx='40.5' cy='3.5' r='3.5'/%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E"); } .weui-mask-loading { background-color: currentColor; color: #606060; display: inline-block; font-size: 32rpx; height: 1em; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='160rpx' height='160rpx' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='94.087%25' y1='0%25' x2='94.087%25' y2='90.559%25' id='a'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23606060' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.674%25' x2='100%25' y2='90.629%25' id='b'%3E%3Cstop stop-color='%23606060' offset='0%25'/%3E%3Cstop stop-color='%23606060' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.9'%3E%3Cpath d='M40 0c22.091 0 40 17.909 40 40S62.091 80 40 80v-7c18.225 0 33-14.775 33-33S58.225 7 40 7V0Z' fill='url(%23a)'/%3E%3Cpath d='M40 0v7C21.775 7 7 21.775 7 40s14.775 33 33 33v7C17.909 80 0 62.091 0 40S17.909 0 40 0Z' fill='url(%23b)'/%3E%3Ccircle fill='%23606060' cx='40.5' cy='3.5' r='3.5'/%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; mask-size: cover; vertical-align: middle; width: 1em; } .weui-slider { padding: 30rpx 36rpx; user-select: none; } .weui-slider__inner { background-color: var(--weui-FG-3); height: 4rpx; position: relative; } .weui-slider__track { background-color: var(--weui-BRAND); height: 100%; width: 0; } .weui-slider__handler { background-color: #fff; border-radius: 50%; box-shadow: 0 0 8rpx var(--weui-FG-3); height: 56rpx; left: 0; margin-left: -28rpx; margin-top: -28rpx; position: absolute; top: 50%; width: 56rpx; } .weui-slider-box { -webkit-box-align: center; align-items: center; display: flex; } .weui-slider-box .weui-slider { -webkit-box-flex: 1; flex: 1; } .weui-slider-box__value { color: var(--weui-FG-1); font-size: 28rpx; margin-left: .5em; min-width: 48rpx; text-align: center; } .wx_dot_loading,.wx_dot_loading:after,.wx_dot_loading:before { animation: dot2 1.6s step-start infinite; background-color: rgba(0,0,0,.3); border-radius: 50%; display: inline-block; font-size: 0; height: 12rpx; vertical-align: middle; width: 12rpx; } .wx_dot_loading { position: relative; } .wx_dot_loading:before { animation: dot1 1.6s step-start infinite; background-color: rgba(0,0,0,.1); content: ""; left: -24rpx; position: absolute; } .wx_dot_loading:after { animation: dot3 1.6s step-start infinite; background-color: rgba(0,0,0,.5); content: ""; position: absolute; right: -24rpx; } @-webkit-keyframes dot1 { 0%,to { background-color: rgba(0,0,0,.1); } 30% { background-color: rgba(0,0,0,.5); } 60% { background-color: rgba(0,0,0,.3); } } @keyframes dot1 { 0%,to { background-color: rgba(0,0,0,.1); } 30% { background-color: rgba(0,0,0,.5); } 60% { background-color: rgba(0,0,0,.3); } } @-webkit-keyframes dot2 { 0%,to { background-color: rgba(0,0,0,.3); } 30% { background-color: rgba(0,0,0,.1); } 60% { background-color: rgba(0,0,0,.5); } } @keyframes dot2 { 0%,to { background-color: rgba(0,0,0,.3); } 30% { background-color: rgba(0,0,0,.1); } 60% { background-color: rgba(0,0,0,.5); } } @-webkit-keyframes dot3 { 0%,to { background-color: rgba(0,0,0,.5); } 30% { background-color: rgba(0,0,0,.3); } 60% { background-color: rgba(0,0,0,.1); } } @keyframes dot3 { 0%,to { background-color: rgba(0,0,0,.5); } 30% { background-color: rgba(0,0,0,.3); } 60% { background-color: rgba(0,0,0,.1); } } .wx_dot_loading_white { animation: dotw2 1.6s step-start infinite; background-color: hsla(0,0%,100%,.3); } .wx_dot_loading_white:before { animation: dotw1 1.6s step-start infinite; background-color: hsla(0,0%,100%,.5); } .wx_dot_loading_white:after { animation: dotw3 1.6s step-start infinite; background-color: hsla(0,0%,100%,.1); } @-webkit-keyframes dotw1 { 0%,to { background-color: hsla(0,0%,100%,.5); } 30% { background-color: hsla(0,0%,100%,.1); } 60% { background-color: hsla(0,0%,100%,.3); } } @keyframes dotw1 { 0%,to { background-color: hsla(0,0%,100%,.5); } 30% { background-color: hsla(0,0%,100%,.1); } 60% { background-color: hsla(0,0%,100%,.3); } } @-webkit-keyframes dotw2 { 0%,to { background-color: hsla(0,0%,100%,.3); } 30% { background-color: hsla(0,0%,100%,.5); } 60% { background-color: hsla(0,0%,100%,.1); } } @keyframes dotw2 { 0%,to { background-color: hsla(0,0%,100%,.3); } 30% { background-color: hsla(0,0%,100%,.5); } 60% { background-color: hsla(0,0%,100%,.1); } } @-webkit-keyframes dotw3 { 0%,to { background-color: hsla(0,0%,100%,.1); } 30% { background-color: hsla(0,0%,100%,.3); } 60% { background-color: hsla(0,0%,100%,.5); } } @keyframes dotw3 { 0%,to { background-color: hsla(0,0%,100%,.1); } 30% { background-color: hsla(0,0%,100%,.3); } 60% { background-color: hsla(0,0%,100%,.5); } } .weui-slideview { overflow: hidden; position: relative; } .weui-slideview__left { position: relative; z-index: 10; } .weui-slideview__right { height: 100%; left: 100%; position: absolute; top: 0; z-index: 1; } .weui-slideview__buttons { height: 100%; } .weui-slideview__btn,.weui-slideview__btn__wrp { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: flex; height: 100%; justify-content: center; } .weui-slideview__btn__wrp { bottom: 0; left: 0; min-width: 138rpx; position: absolute; white-space: nowrap; } .weui-slideview__btn { -webkit-box-flex: 1; color: #fff; flex: 1; min-width: 0; padding: 0 34rpx; text-align: center; } .weui-slideview__btn-group_default .weui-slideview__btn { background: #c7c7cc; } [data-weui-theme="dark"] .weui-slideview__btn-group_default .weui-slideview__btn { background: var(--weui-BG-4); } .weui-slideview__btn-group_default~.weui-slideview__btn-group_default:before { border-left: 2rpx solid #fff; bottom: 0; color: #fff; content: " "; left: 0; position: absolute; top: 0; transform: scaleX(.5); transform-origin: 0 0; width: 2rpx; } [data-weui-theme="dark"] .weui-slideview__btn-group_default~.weui-slideview__btn-group_default:before { border-left-color: var(--weui-FG-3); } .weui-slideview__btn-group_default:first-child:before { display: none; } .weui-slideview__btn-group_warn .weui-slideview__btn { background: #fe3b30; } .weui-slideview__btn-group_warn~.weui-slideview__btn-group_warn:before { border-left: 2rpx solid #fff; bottom: 0; color: #fff; content: " "; left: 0; position: absolute; top: 0; transform: scaleX(.5); transform-origin: 0 0; width: 2rpx; } .weui-slideview__btn-group_warn:first-child:before { display: none; } .weui-slideview_icon .weui-slideview__btn__wrp { background: transparent; font-size: 0; } .weui-slideview_icon .weui-slideview__btn__wrp:first-child { padding-left: 32rpx; } .weui-slideview_icon .weui-slideview__btn__wrp:last-child { padding-right: 16rpx; } .weui-slideview_icon .weui-slideview__btn { -webkit-box-flex: 0; background-color: #fff; border-radius: 50%; display: inline-block; flex: none; height: 96rpx; line-height: 96rpx; padding: 0; vertical-align: middle; width: 96rpx; } [data-weui-theme="dark"] .weui-slideview_icon .weui-slideview__btn { background-color: var(--weui-BG-4); } .weui-slideview_icon .weui-slideview__btn__icon { display: inline-block; height: 44rpx; vertical-align: middle; width: 44rpx; } page { --height: 88rpx; --right: 190rpx; } .weui-navigation-bar { color: var(--weui-FG-0); overflow: hidden; } .weui-navigation-bar .android { --height: 96rpx; --right: 222rpx; } .weui-navigation-bar__inner { height: var(--height); left: 0; padding-right: var(--right); position: fixed; top: 0; width: calc(100% - var(--right)); z-index: 5001; } .weui-navigation-bar__inner,.weui-navigation-bar__inner .weui-navigation-bar__left { -webkit-box-align: center; align-items: center; display: flex; } .weui-navigation-bar__inner .weui-navigation-bar__left { padding-left: 32rpx; position: relative; width: var(--right); } .weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn { background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback { background-color: currentColor; font-size: 24rpx; height: 2em; mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask-size: cover; width: 1em; } .weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback:active { opacity: .5; } .weui-navigation-bar__inner .weui-navigation-bar__center { -webkit-box-flex: 1; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: flex; flex: 1; font-size: 34rpx; justify-content: center; position: relative; text-align: center; } .weui-navigation-bar__inner .weui-navigation-bar__loading { -webkit-box-align: center; align-items: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; margin-right: 8rpx; } .weui-navigation-bar__inner .weui-navigation-bar__loading .weui-loading { margin-left: 0; } .weui-navigation-bar__inner .weui-navigation-bar__right { margin-right: 32rpx; } .weui-navigation-bar__placeholder { background: var(--weui-BG-1); height: var(--height); position: relative; z-index: 50; } .weui-uploader__hd { display: block; } .weui-uploader__overview { -webkit-box-align: center; align-items: center; display: flex; } .weui-uploader__tips { color: var(--weui-FG-2); font-size: 28rpx; line-height: 1.4; padding-top: 8rpx; } .weui-uploader__img { display: block; height: 100%; width: 100%; } .weui-gallery { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: flex; flex-direction: column; flex-wrap: nowrap; } .weui-gallery__info { color: #fff; font-size: 34rpx; line-height: 120rpx; min-height: 120rpx; text-align: center; } .weui-gallery__img__wrp { -webkit-box-flex: 1; flex: 1; font-size: 0; position: relative; } .weui-gallery__img { height: 100%; position: absolute; width: 100%; } .weui-gallery__opr { position: static; } .weui-search-bar .weui-search-bar__box .weui-search-bar__input { height: inherit; line-height: inherit; } .weui-search-bar .weui-search-bar__box .weui-icon-clear { display: block; } .weui-loadmore .weui-loading { margin-right: .3em; } .weui-btn_input-clear { display: block; } .weui-agree__text { display: inline; } @supports (-webkit-overflow-scrolling:touch) { .weui-form .weui-agree__checkbox { margin-top: -2rpx; } } page { height: 100%; } .page { background-color: var(--weui-BG-0); color: var(--weui-FG-0); font-family: system-ui,-apple-system,Helvetica Neue,sans-serif; font-size: 32rpx; min-height: 100%; } image { max-height: 100%; max-width: 100%; } .link { color: var(--weui-LINK); display: inline; } .fadeIn { animation: fadeIn .3s forwards; } .fadeOut { animation: fadeOut .3s forwards; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .weui-msg__extra-area { position: static; } .page__hd { padding: 80rpx; } .page__bd { padding-bottom: 80rpx; } .page__bd_spacing { padding-left: 30rpx; padding-right: 30rpx; } .page__ft { padding-bottom: calc(20rpx + env(safe-area-inset-bottom)); padding-top: 80rpx; text-align: center; } [data-weui-theme="dark"] .page__ft image { filter: invert(100) hue-rotate(180deg); } .page__title { font-size: 40rpx; font-weight: 400; text-align: left; } .page__desc { color: var(--weui-FG-1); font-size: 28rpx; margin-top: 10rpx; text-align: left; } .weui-cell_example:before { left: 104rpx; }