diff --git a/pages/common/foot.wxml b/pages/common/foot.wxml new file mode 100644 index 0000000..2375957 --- /dev/null +++ b/pages/common/foot.wxml @@ -0,0 +1,5 @@ + \ No newline at end of file diff --git a/pages/common/head.wxml b/pages/common/head.wxml new file mode 100644 index 0000000..73b26e6 --- /dev/null +++ b/pages/common/head.wxml @@ -0,0 +1,7 @@ + diff --git a/pages/common/index.wxss b/pages/common/index.wxss new file mode 100644 index 0000000..4619092 --- /dev/null +++ b/pages/common/index.wxss @@ -0,0 +1,130 @@ +.index-hd { + padding: 40px 40px 20px; + text-align: center; +} +.index-bd { + /* padding: 0 15px 20px; */ + padding: 0 15px 20px; +} +.index-ft { + padding-bottom: 10px; + text-align: center; +} +.index-logo { + /* width: 43px; + height: 43px; */ + width: 43px; + height: 43px; +} +.index-desc { + margin-top: 10px; + color: var(--weui-FG-1); + /* font-size: 14px; */ + font-size: 14px; +} + + +.navigator-box { + opacity: 0; + position: relative; + background-color: var(--weui-BG-2); + line-height: 1.41176471; + /* font-size: 32px; */ + font-size: 17px; + + transform: translateY(-50%); + transition: .3s; +} +.navigator-box-show { + opacity: 1; + transform: translateY(0); +} +.navigator { + /* padding: 10px 15px; */ + padding: 10px 15px; + position: relative; + display: flex; + align-items: center; +} +.navigator:before { + content: " "; + position: absolute; + /* left: 15px; */ + left: 15px; + top: 0; + /* right: 15px; */ + right: 15px; + height: 1px; + /* border-top: 1px solid var(--weui-FG-3); */ + border-top: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); +} +.navigator:first-child:before { + display: none; +} +.navigator-text { + flex: 1; +} +.navigator-arrow { + /* padding-right: 13px; */ + padding-right: 13px; + position: relative; +} +.navigator-arrow:after { + content: " "; + display: inline-block; + /* height: 9px; + width: 9px; + border-width: 1px 1px 0 0; */ + height: 9px; + width: 9px; + border-width: 1px 1px 0 0; + border-color: var(--weui-FG-2); + border-style: solid; + transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); + position: absolute; + top: 50%; + /* margin-top: -4px; */ + margin-top: -4px; + /* right: 14px; */ + right: 14px; +} + + +.kind-list-item { + /* margin: 10px 0; */ + margin: 10px 0; + background-color: var(--weui-BG-2); + border-radius: 2px; + overflow: hidden; +} +.kind-list-item:first-child { + margin-top: 0; +} +.kind-list-text{ + flex: 1; +} +.kind-list-img { + /* width: 30px; + height: 30px; */ + width: 30px; + height: 30px; +} +.kind-list-item-hd { + /* padding: 15px; */ + padding: 15px; + display: flex; + align-items: center; + + transition: opacity .3s; +} +.kind-list-item-hd-show { + opacity: .2; +} +.kind-list-item-bd { + height: 0; + overflow: hidden; +} +.kind-list-item-bd-show { + height: auto; +} \ No newline at end of file diff --git a/pages/common/lib/weui.wxss b/pages/common/lib/weui.wxss new file mode 100644 index 0000000..c948659 --- /dev/null +++ b/pages/common/lib/weui.wxss @@ -0,0 +1,4393 @@ +/*! + * WeUI v2.3.0 (https://github.com/weui/weui-wxss) + * Copyright 2020 Tencent, Inc. + * Licensed under the MIT license + */ +[data-weui-theme=light], +page { + --weui-BTN-DISABLED-FONT-COLOR: rgba(0, 0, 0, .2) +} + +@media(prefers-color-scheme: dark) { + page{ + --weui-BTN-DISABLED-FONT-COLOR: hsla(0, 0%, 100%, .2) + } +} + +[data-weui-theme=light], +page { + --weui-BTN-DEFAULT-BG: #f2f2f2 +} + +@media(prefers-color-scheme: dark) { + page{ + --weui-BTN-DEFAULT-BG: hsla(0, 0%, 100%, .08) + } +} + +[data-weui-theme=light], +page { + --weui-BTN-DEFAULT-COLOR: #06ae56 +} + +@media(prefers-color-scheme: dark) { + page{ + --weui-BTN-DEFAULT-COLOR: hsla(0, 0%, 100%, .8) + } +} + +[data-weui-theme=light], +page { + --weui-BTN-DEFAULT-ACTIVE-BG: #e6e6e6 +} + +@media(prefers-color-scheme: dark) { + page{ + --weui-BTN-DEFAULT-ACTIVE-BG: hsla(0, 0%, 100%, .126) + } +} + +[data-weui-theme=light], +page { + --weui-DIALOG-LINE-COLOR: rgba(0, 0, 0, .1) +} + +@media(prefers-color-scheme: dark) { + page{ + --weui-DIALOG-LINE-COLOR: hsla(0, 0%, 100%, .1) + } +} + +page { + line-height: 1.6; + font-family: -apple-system-font, Helvetica Neue, sans-serif +} + +icon { + vertical-align: middle +} + +[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-RED: #fa5151; + --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) +} + +@media(prefers-color-scheme: dark) { + page{ + --weui-BG-0: #191919; + --weui-BG-1: #1f1f1f; + --weui-BG-2: #232323; + --weui-BG-3: #2f2f2f; + --weui-BG-4: #606060; + --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%, .05); + --weui-RED: #fa5151; + --weui-ORANGE: #c87d2f; + --weui-YELLOW: #cc9c00; + --weui-GREEN: #74a800; + --weui-LIGHTGREEN: #28b561; + --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 +} + +@media(prefers-color-scheme: dark) { + page{ + --weui-BG-COLOR-ACTIVE: #373737 + } +} + +[class*=" weui-icon-"], +[class^=weui-icon-] { + display: inline-block; + vertical-align: middle; + width: 24px; + height: 24px; + -webkit-mask-position: 50% 50%; + mask-position: 50% 50%; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask-size: 100%; + background-color: currentColor +} + +.weui-icon-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-download { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%2012.04l-1.72-1.72-1.06%201.06%202.828%202.83a1%201%200%20001.414-.001l2.828-2.828-1.06-1.061-1.73%201.73V7h-1.5v5.04zm0-5.04V2h1.5v5h6.251c.55%200%20.999.446.999.996v13.008a.998.998%200%2001-.996.996H4.996A.998.998%200%20014%2021.004V7.996A1%201%200%20014.999%207h6.251z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%2012.04l-1.72-1.72-1.06%201.06%202.828%202.83a1%201%200%20001.414-.001l2.828-2.828-1.06-1.061-1.73%201.73V7h-1.5v5.04zm0-5.04V2h1.5v5h6.251c.55%200%20.999.446.999.996v13.008a.998.998%200%2001-.996.996H4.996A.998.998%200%20014%2021.004V7.996A1%201%200%20014.999%207h6.251z%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-info { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.75-12v7h1.5v-7h-1.5zM12%209a1%201%200%20100-2%201%201%200%20000%202z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.75-12v7h1.5v-7h-1.5zM12%209a1%201%200%20100-2%201%201%200%20000%202z%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-safe-success { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.6C315.5%2046.7%20180.4%2093.1%2057.6%20132c0%20129.3.2%20231.7.2%20339.7%200%20304.2%20248.3%20471.6%20443.1%20523.7C695.7%20943.3%20944%20775.9%20944%20471.7c0-108%20.2-210.4.2-339.7C821.4%2093.1%20686.3%2046.7%20500.9%204.6zm248.3%20349.1l-299.7%20295c-2.1%202-5.3%202-7.4-.1L304.4%20506.1c-2-2.1-2.3-5.7-.6-8l18.3-24.9c1.7-2.3%205-2.8%207.2-1l112.2%2086c2.3%201.8%206%201.7%208.1-.1l274.7-228.9c2.2-1.8%205.7-1.7%207.7.3l17%2016.8c2.2%202.1%202.2%205.3.2%207.4z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23070202%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.6C315.5%2046.7%20180.4%2093.1%2057.6%20132c0%20129.3.2%20231.7.2%20339.7%200%20304.2%20248.3%20471.6%20443.1%20523.7C695.7%20943.3%20944%20775.9%20944%20471.7c0-108%20.2-210.4.2-339.7C821.4%2093.1%20686.3%2046.7%20500.9%204.6zm248.3%20349.1l-299.7%20295c-2.1%202-5.3%202-7.4-.1L304.4%20506.1c-2-2.1-2.3-5.7-.6-8l18.3-24.9c1.7-2.3%205-2.8%207.2-1l112.2%2086c2.3%201.8%206%201.7%208.1-.1l274.7-228.9c2.2-1.8%205.7-1.7%207.7.3l17%2016.8c2.2%202.1%202.2%205.3.2%207.4z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23070202%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-safe-warn { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.5c-185.4%2042-320.4%2088.4-443.2%20127.3%200%20129.3.2%20231.7.2%20339.6%200%20304.1%20248.2%20471.4%20443%20523.6%20194.7-52.2%20443-219.5%20443-523.6%200-107.9.2-210.3.2-339.6C821.3%2092.9%20686.2%2046.5%20500.9%204.5zm-26.1%20271.1h52.1c5.8%200%2010.3%204.7%2010.1%2010.4l-11.6%20313.8c-.1%202.8-2.5%205.2-5.4%205.2h-38.2c-2.9%200-5.3-2.3-5.4-5.2L464.8%20286c-.2-5.8%204.3-10.4%2010-10.4zm26.1%20448.3c-20.2%200-36.5-16.3-36.5-36.5s16.3-36.5%2036.5-36.5%2036.5%2016.3%2036.5%2036.5-16.4%2036.5-36.5%2036.5z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23020202%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.5c-185.4%2042-320.4%2088.4-443.2%20127.3%200%20129.3.2%20231.7.2%20339.6%200%20304.1%20248.2%20471.4%20443%20523.6%20194.7-52.2%20443-219.5%20443-523.6%200-107.9.2-210.3.2-339.6C821.3%2092.9%20686.2%2046.5%20500.9%204.5zm-26.1%20271.1h52.1c5.8%200%2010.3%204.7%2010.1%2010.4l-11.6%20313.8c-.1%202.8-2.5%205.2-5.4%205.2h-38.2c-2.9%200-5.3-2.3-5.4-5.2L464.8%20286c-.2-5.8%204.3-10.4%2010-10.4zm26.1%20448.3c-20.2%200-36.5-16.3-36.5-36.5s16.3-36.5%2036.5-36.5%2036.5%2016.3%2036.5%2036.5-16.4%2036.5-36.5%2036.5z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23020202%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-success { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-success-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm-1.172-6.242l5.809-5.808.848.849-5.95%205.95a1%201%200%2001-1.414%200L7%2012.426l.849-.849%202.98%202.98z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm-1.172-6.242l5.809-5.808.848.849-5.95%205.95a1%201%200%2001-1.414%200L7%2012.426l.849-.849%202.98%202.98z%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-success-no-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-waiting { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.75%2011.38V6h-1.5v6l4.243%204.243%201.06-1.06-3.803-3.804zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.75%2011.38V6h-1.5v6l4.243%204.243%201.06-1.06-3.803-3.804zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-waiting-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6%2011.503l3.891%203.891-.848.849L11.4%2012V6h1.2v5.503zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6%2011.503l3.891%203.891-.848.849L11.4%2012V6h1.2v5.503zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-warn { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-info-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zM11.4%2010h1.2v7h-1.2v-7zm.6-1a1%201%200%20110-2%201%201%200%20010%202z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zM11.4%2010h1.2v7h-1.2v-7zm.6-1a1%201%200%20110-2%201%201%200%20010%202z%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-cancel { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M12.849%2012l3.11%203.111-.848.849L12%2012.849l-3.111%203.11-.849-.848L11.151%2012l-3.11-3.111.848-.849L12%2011.151l3.111-3.11.849.848L12.849%2012z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M12.849%2012l3.11%203.111-.848.849L12%2012.849l-3.111%203.11-.849-.848L11.151%2012l-3.11-3.111.848-.849L12%2011.151l3.111-3.11.849.848L12.849%2012z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) +} + +.weui-icon-search { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.31%2015.561l4.114%204.115-.848.848-4.123-4.123a7%207%200%2011.857-.84zM16.8%2011a5.8%205.8%200%2010-11.6%200%205.8%205.8%200%200011.6%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.31%2015.561l4.114%204.115-.848.848-4.123-4.123a7%207%200%2011.857-.84zM16.8%2011a5.8%205.8%200%2010-11.6%200%205.8%205.8%200%200011.6%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-clear { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.06%2012l3.006-3.005-1.06-1.06L12%2010.938%208.995%207.934l-1.06%201.06L10.938%2012l-3.005%203.005%201.06%201.06L12%2013.062l3.005%203.005%201.06-1.06L13.062%2012zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.06%2012l3.006-3.005-1.06-1.06L12%2010.938%208.995%207.934l-1.06%201.06L10.938%2012l-3.005%203.005%201.06%201.06L12%2013.062l3.005%203.005%201.06-1.06L13.062%2012zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-back { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm1.999-6.563L10.68%2012%2014%208.562%2012.953%207.5%209.29%2011.277a1.045%201.045%200%20000%201.446l3.663%203.777L14%2015.437z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm1.999-6.563L10.68%2012%2014%208.562%2012.953%207.5%209.29%2011.277a1.045%201.045%200%20000%201.446l3.663%203.777L14%2015.437z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-delete { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.774%206.4l.812%2013.648a.8.8%200%2000.798.752h7.232a.8.8%200%2000.798-.752L17.226%206.4H6.774zm11.655%200l-.817%2013.719A2%202%200%200115.616%2022H8.384a2%202%200%2001-1.996-1.881L5.571%206.4H3.5v-.7a.5.5%200%2001.5-.5h16a.5.5%200%2001.5.5v.7h-2.071zM14%203a.5.5%200%2001.5.5v.7h-5v-.7A.5.5%200%200110%203h4zM9.5%209h1.2l.5%209H10l-.5-9zm3.8%200h1.2l-.5%209h-1.2l.5-9z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.774%206.4l.812%2013.648a.8.8%200%2000.798.752h7.232a.8.8%200%2000.798-.752L17.226%206.4H6.774zm11.655%200l-.817%2013.719A2%202%200%200115.616%2022H8.384a2%202%200%2001-1.996-1.881L5.571%206.4H3.5v-.7a.5.5%200%2001.5-.5h16a.5.5%200%2001.5.5v.7h-2.071zM14%203a.5.5%200%2001.5.5v.7h-5v-.7A.5.5%200%200110%203h4zM9.5%209h1.2l.5%209H10l-.5-9zm3.8%200h1.2l-.5%209h-1.2l.5-9z%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-success-no-circle-thin { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.864%2016.617l-5.303-5.303-1.061%201.06%205.657%205.657a1%201%200%20001.414%200L21.238%206.364l-1.06-1.06L8.864%2016.616z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.864%2016.617l-5.303-5.303-1.061%201.06%205.657%205.657a1%201%200%20001.414%200L21.238%206.364l-1.06-1.06L8.864%2016.616z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-arrow { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-arrow-bold { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.157%2012.711L4.5%2018.368l-1.414-1.414%204.95-4.95-4.95-4.95L4.5%205.64l5.657%205.657a1%201%200%20010%201.414z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.157%2012.711L4.5%2018.368l-1.414-1.414%204.95-4.95-4.95-4.95L4.5%205.64l5.657%205.657a1%201%200%20010%201.414z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-back-arrow { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.343%2012l7.071%207.071L9%2020.485l-7.778-7.778a1%201%200%20010-1.414L9%203.515l1.414%201.414L3.344%2012z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.343%2012l7.071%207.071L9%2020.485l-7.778-7.778a1%201%200%20010-1.414L9%203.515l1.414%201.414L3.344%2012z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-back-arrow-thin { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-close { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2010.586l5.657-5.657%201.414%201.414L13.414%2012l5.657%205.657-1.414%201.414L12%2013.414l-5.657%205.657-1.414-1.414L10.586%2012%204.929%206.343%206.343%204.93%2012%2010.586z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2010.586l5.657-5.657%201.414%201.414L13.414%2012l5.657%205.657-1.414%201.414L12%2013.414l-5.657%205.657-1.414-1.414L10.586%2012%204.929%206.343%206.343%204.93%2012%2010.586z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-close-thin { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-icon-back-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm1.999-5.363L12.953%2016.5%209.29%2012.723a1.045%201.045%200%20010-1.446L12.953%207.5%2014%208.563%2010.68%2012%2014%2015.438z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm1.999-5.363L12.953%2016.5%209.29%2012.723a1.045%201.045%200%20010-1.446L12.953%207.5%2014%208.563%2010.68%2012%2014%2015.438z%22%2F%3E%3C%2Fsvg%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, +.weui-icon-arrow-bold, +.weui-icon-back-arrow, +.weui-icon-back-arrow-thin { + width: 12px +} + +.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 { + width: 64px; + height: 64px +} + +.weui-icon_msg.weui-icon-warn { + color: var(--weui-RED) +} + +.weui-icon_msg-primary { + width: 64px; + height: 64px +} + +.weui-icon_msg-primary.weui-icon-warn { + color: var(--weui-YELLOW) +} + +.weui-link { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} + +.weui-link, +.weui-link:visited { + color: var(--weui-LINK) +} + +.weui-btn { + position: relative; + display: block; + width: 184px; + margin-left: auto; + margin-right: auto; + padding: 8px 24px; + box-sizing: border-box; + font-weight: 700; + font-size: 17px; + text-align: center; + text-decoration: none; + color: #fff; + line-height: 1.41176471; + border-radius: 4px; + overflow: hidden; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} + +.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_default:not(.weui-btn_disabled):active { + background-color: var(--weui-BTN-DEFAULT-ACTIVE-BG) +} + +.weui-btn_primary { + background-color: var(--weui-BRAND) +} + +.weui-btn_primary:not(.weui-btn_disabled):visited { + color: #fff +} + +.weui-btn_primary:not(.weui-btn_disabled):active { + background-color: var(--weui-TAG-TEXT-GREEN) +} + +.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_warn:not(.weui-btn_disabled):active { + background-color: var(--weui-BTN-DEFAULT-ACTIVE-BG) +} + +.weui-btn_disabled { + color: var(--weui-BTN-DISABLED-FONT-COLOR); + background-color: var(--weui-BTN-DEFAULT-BG) +} + +.weui-btn_loading .weui-loading { + margin: -.2em .34em 0 0 +} + +.weui-btn_loading.weui-btn_primary { + background-color: var(--weui-TAG-TEXT-GREEN); + color: var(--weui-WHITE) +} + +.weui-btn_loading.weui-btn_default, +.weui-btn_loading.weui-btn_warn { + background-color: var(--weui-BTN-DEFAULT-ACTIVE-BG) +} + +.weui-btn_cell { + position: relative; + display: block; + margin-left: auto; + margin-right: auto; + box-sizing: border-box; + font-size: 17px; + text-align: center; + text-decoration: none; + color: #fff; + line-height: 1.41176471; + padding: 16px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + overflow: hidden; + background-color: var(--weui-BG-5) +} + +.weui-btn_cell+.weui-btn_cell { + margin-top: 16px +} + +.weui-btn_cell:active { + background-color: var(--weui-BG-COLOR-ACTIVE) +} + +.weui-btn_cell__icon { + display: inline-block; + vertical-align: middle; + width: 24px; + height: 24px; + margin: -.2em .34em 0 0 +} + +.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) +} + +button.weui-btn, +input.weui-btn { + border-width: 0; + outline: 0; + -webkit-appearance: none +} + +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 { + display: inline-block; + width: auto; + padding: 0 .75em; + line-height: 2; + font-size: 16px +} + +.weui-btn:not(.weui-btn_mini)+.weui-btn:not(.weui-btn_mini) { + margin-top: 16px +} + +.weui-btn.weui-btn_inline+.weui-btn.weui-btn_inline { + margin-top: auto; + margin-left: 16px +} + +.weui-btn-area { + margin: 48px 16px 8px +} + +.weui-btn-area_inline { + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.weui-btn-area_inline .weui-btn { + margin-top: auto; + margin-right: 16px; + width: 100%; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1 +} + +.weui-btn-area_inline .weui-btn:last-child { + margin-right: 0 +} + +.weui-btn_reset { + background: transparent; + border: 0; + padding: 0; + outline: 0 +} + +.weui-btn_icon { + font-size: 0 +} + +.weui-btn_icon:active [class*=weui-icon-] { + color: var(--weui-FG-1) +} + +.weui-cells { + margin-top: 8px; + background-color: var(--weui-BG-2); + line-height: 1.41176471; + font-size: 17px; + overflow: hidden; + position: relative +} + +.weui-cells:before { + top: 0; + border-top: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-cells:after, +.weui-cells:before { + content: " "; + position: absolute; + left: 0; + right: 0; + height: 1px; + color: var(--weui-FG-3); + z-index: 2 +} + +.weui-cells:after { + bottom: 0; + border-bottom: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-cells__title { + margin-top: 16px; + margin-bottom: 3px; + padding-left: 16px; + padding-right: 16px; + color: var(--weui-FG-1); + font-size: 14px; + line-height: 1.4 +} + +.weui-cells__title+.weui-cells { + margin-top: 0 +} + +.weui-cells__tips { + margin-top: 8px; + color: var(--weui-FG-1); + padding-left: 16px; + padding-right: 16px; + font-size: 14px; + line-height: 1.4 +} + +.weui-cells__tips a, +.weui-cells__tips navigator { + color: var(--weui-LINK) +} + +.weui-cells__tips navigator { + display: inline +} + +.weui-cell { + padding: 16px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.weui-cell:before { + content: " "; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(.5); + transform: scaleY(.5); + left: 16px; + z-index: 2 +} + +.weui-cell:first-child:before { + display: none +} + +.weui-cell_active:active { + background-color: var(--weui-BG-COLOR-ACTIVE) +} + +.weui-cell_primary { + -webkit-box-align: start; + -webkit-align-items: flex-start; + align-items: flex-start +} + +.weui-cell__bd { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1 +} + +.weui-cell__ft { + text-align: right; + color: var(--weui-FG-1) +} + +.weui-cell_swiped { + display: block; + padding: 0 +} + +.weui-cell_swiped>.weui-cell__bd { + position: relative; + z-index: 1; + background-color: var(--weui-BG-2) +} + +.weui-cell_swiped>.weui-cell__ft { + position: absolute; + right: 0; + top: 0; + bottom: 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + color: #fff +} + +.weui-swiped-btn { + display: block; + padding: 16px 1em; + line-height: 1.41176471; + color: inherit +} + +.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 { + background-color: var(--weui-BG-COLOR-ACTIVE) +} + +.weui-cell_access .weui-cell__ft { + padding-right: 22px; + position: relative +} + +.weui-cell_access .weui-cell__ft:after { + content: " "; + width: 12px; + height: 24px; + -webkit-mask-position: 0 0; + mask-position: 0 0; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask-size: 100%; + background-color: currentColor; + color: var(--weui-FG-2); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + position: absolute; + top: 50%; + right: 0; + margin-top: -12px +} + +.weui-cell_link { + color: var(--weui-LINK); + font-size: 17px +} + +.weui-cell_link:first-child:before { + display: block +} + +.weui-check__label { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} + +.weui-check__label:active { + background-color: var(--weui-BG-COLOR-ACTIVE) +} + +.weui-check { + position: absolute; + left: -9999px +} + +.weui-cells_radio .weui-cell__ft { + padding-left: 16px; + font-size: 0 +} + +.weui-cells_radio .weui-check+.weui-icon-checked { + min-width: 16px; + color: transparent +} + +.weui-cells_radio .weui-check:checked+.weui-icon-checked, +.weui-cells_radio .weui-check[aria-checked=true]+.weui-icon-checked { + color: var(--weui-BRAND); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-cells_checkbox .weui-check__label:before { + left: 55px +} + +.weui-cells_checkbox .weui-cell__hd { + padding-right: 16px; + font-size: 0 +} + +.weui-cells_checkbox .weui-icon-checked { + color: var(--weui-FG-2); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%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); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E) +} + +.weui-label { + display: block; + width: 105px; + word-wrap: break-word; + word-break: break-all +} + +.weui-input { + width: 100%; + border: 0; + outline: 0; + -webkit-appearance: none; + background-color: transparent; + font-size: inherit; + color: inherit; + height: 1.41176471em; + line-height: 1.41176471 +} + +.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-input::-webkit-input-placeholder, +.weui-input__placeholder { + color: var(--weui-FG-2) +} + +.weui-input::placeholder, +.weui-input__placeholder { + color: var(--weui-FG-2) +} + +.weui-textarea { + display: block; + border: 0; + resize: none; + background: transparent; + width: 100%; + color: inherit; + font-size: 1em; + line-height: inherit; + outline: 0 +} + +.weui-textarea-counter { + color: var(--weui-FG-2); + text-align: right; + font-size: 14px +} + +.weui-cell_warn .weui-textarea-counter { + color: var(--weui-RED) +} + +.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: transparent +} + +.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-cell_warn { + 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 { + opacity: 1; + -webkit-text-fill-color: var(--weui-FG-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: 8px +} + +.weui-btn_input-clear [class*=weui-icon-] { + width: 18px +} + +.weui-form-preview { + position: relative; + background-color: var(--weui-BG-2) +} + +.weui-form-preview:before { + top: 0; + border-top: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-form-preview:after, +.weui-form-preview:before { + content: " "; + position: absolute; + left: 0; + right: 0; + height: 1px; + color: var(--weui-FG-3) +} + +.weui-form-preview:after { + bottom: 0; + border-bottom: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-form-preview__hd { + position: relative; + padding: 16px; + text-align: right; + line-height: 2.5em +} + +.weui-form-preview__hd:after { + content: " "; + position: absolute; + left: 0; + bottom: 0; + right: 0; + height: 1px; + border-bottom: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(.5); + transform: scaleY(.5); + left: 16px +} + +.weui-form-preview__hd .weui-form-preview__value { + font-style: normal; + font-size: 1.6em +} + +.weui-form-preview__bd { + padding: 16px; + font-size: .9em; + text-align: right; + color: var(--weui-FG-1); + line-height: 2 +} + +.weui-form-preview__ft { + position: relative; + line-height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.weui-form-preview__ft:before { + content: " "; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--weui-DIALOG-LINE-COLOR); + color: var(--weui-DIALOG-LINE-COLOR); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-form-preview__item { + overflow: hidden +} + +.weui-form-preview__label { + float: left; + margin-right: 1em; + min-width: 4em; + color: var(--weui-FG-1); + text-align: justify; + text-align-last: justify +} + +.weui-form-preview__value { + display: block; + overflow: hidden; + word-break: normal; + word-wrap: break-word; + color: var(--weui-FG-0) +} + +.weui-form-preview__btn { + position: relative; + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + color: var(--weui-LINK); + text-align: center; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} + +button.weui-form-preview__btn { + background-color: transparent; + border: 0; + outline: 0; + line-height: inherit; + font-size: inherit +} + +.weui-form-preview__btn:active { + background-color: var(--weui-BG-COLOR-ACTIVE) +} + +.weui-form-preview__btn:after { + content: " "; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid var(--weui-DIALOG-LINE-COLOR); + color: var(--weui-DIALOG-LINE-COLOR); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(.5); + transform: scaleX(.5) +} + +.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-cell_select { + padding: 0 +} + +.weui-cell_select .weui-select { + padding-right: 30px +} + +.weui-cell_select .weui-cell__bd:after { + content: " "; + width: 12px; + height: 24px; + -webkit-mask-position: 0 0; + mask-position: 0 0; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask-size: 100%; + background-color: currentColor; + color: var(--weui-FG-2); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + position: absolute; + top: 50%; + right: 16px; + margin-top: -12px +} + +.weui-select { + -webkit-appearance: none; + border: 0; + outline: 0; + background-color: transparent; + width: 100%; + font-size: inherit; + height: 56px; + line-height: 56px; + position: relative; + z-index: 1; + padding-left: 16px; + color: var(--weui-FG-0) +} + +.weui-cell_select-before { + padding-right: 16px +} + +.weui-cell_select-before .weui-select { + width: 105px; + box-sizing: border-box +} + +.weui-cell_select-before .weui-cell__hd { + position: relative +} + +.weui-cell_select-before .weui-cell__hd:after { + content: " "; + position: absolute; + right: 0; + top: 0; + width: 1px; + bottom: 0; + border-right: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; + -webkit-transform: scaleX(.5); + transform: scaleX(.5) +} + +.weui-cell_select-before .weui-cell__hd:before { + content: " "; + width: 12px; + height: 24px; + -webkit-mask-position: 0 0; + mask-position: 0 0; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask-size: 100%; + background-color: currentColor; + color: var(--weui-FG-2); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + position: absolute; + top: 50%; + right: 16px; + margin-top: -12px +} + +.weui-cell_select-before .weui-cell__bd { + padding-left: 16px +} + +.weui-cell_select-before .weui-cell__bd:after { + display: none +} + +.weui-cell_select-before.weui-cell_access .weui-cell__hd { + line-height: 56px; + padding-left: 32px +} + +.weui-cell_select-after { + padding-left: 16px +} + +.weui-cell_select-after .weui-select { + padding-left: 0 +} + +.weui-cell_select-after.weui-cell_access .weui-cell__bd { + line-height: 56px +} + +.weui-cell_vcode { + padding-top: 0; + padding-right: 0; + padding-bottom: 0 +} + +.weui-vcode-btn, +.weui-vcode-img { + margin-left: 5px; + height: 56px; + vertical-align: middle +} + +.weui-vcode-btn { + display: inline-block; + padding: 0 .6em 0 .7em; + line-height: 56px; + font-size: 17px; + color: var(--weui-LINK); + position: relative +} + +.weui-vcode-btn:before { + content: " "; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(.5); + transform: scaleX(.5) +} + +button.weui-vcode-btn { + background-color: transparent; + border: 0; + outline: 0 +} + +.weui-vcode-btn:active { + color: #767676 +} + +.weui-gallery { + display: none; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: #000; + z-index: 1000 +} + +.weui-gallery__img, +.weui-gallery__opr { + position: absolute; + left: 0; + left: constant(safe-area-inset-left); + left: env(safe-area-inset-left); + right: 0; + right: constant(safe-area-inset-right); + right: env(safe-area-inset-right) +} + +.weui-gallery__img { + top: 0; + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + bottom: 60px; + bottom: calc(60px + constant(safe-area-inset-bottom)); + bottom: calc(60px + env(safe-area-inset-bottom)); + background: 50% no-repeat; + background-size: contain +} + +.weui-gallery__opr { + position: absolute; + bottom: 0; + padding-bottom: 0; + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + background-color: #0d0d0d; + color: var(--weui-WHITE); + line-height: 60px; + text-align: center +} + +.weui-gallery__del { + display: block +} + +.weui-cell_switch { + padding-top: 12px; + padding-bottom: 12px +} + +.weui-switch { + -webkit-appearance: none; + appearance: none +} + +.weui-switch, +.weui-switch-cp__box { + position: relative; + width: 52px; + height: 32px; + border: 2px solid var(--weui-FG-3); + outline: 0; + border-radius: 16px; + box-sizing: border-box; + -webkit-transition: background-color .1s, border .1s; + transition: background-color .1s, border .1s +} + +.weui-switch-cp__box:before, +.weui-switch:before { + content: " "; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + border-radius: 15px; + background-color: var(--weui-BG-3); + -webkit-transition: -webkit-transform .35s cubic-bezier(.45, 1, .4, 1); + transition: -webkit-transform .35s cubic-bezier(.45, 1, .4, 1); + transition: transform .35s cubic-bezier(.45, 1, .4, 1); + transition: transform .35s cubic-bezier(.45, 1, .4, 1), -webkit-transform .35s cubic-bezier(.45, 1, .4, 1) +} + +.weui-switch-cp__box:after, +.weui-switch:after { + content: " "; + position: absolute; + top: 0; + left: 0; + width: 28px; + height: 28px; + border-radius: 15px; + background-color: #fff; + box-shadow: 0 1px 3px rgba(0, 0, 0, .4); + -webkit-transition: -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35); + transition: -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35); + 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) +} + +.weui-switch-cp__input:checked+.weui-switch-cp__box, +.weui-switch-cp__input[aria-checked=true]+.weui-switch-cp__box, +.weui-switch:checked { + border-color: var(--weui-BRAND); + background-color: var(--weui-BRAND) +} + +.weui-switch-cp__input:checked+.weui-switch-cp__box:before, +.weui-switch-cp__input[aria-checked=true]+.weui-switch-cp__box:before, +.weui-switch:checked:before { + -webkit-transform: scale(0); + transform: scale(0) +} + +.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 { + -webkit-transform: translateX(20px); + transform: translateX(20px) +} + +.weui-switch-cp__input { + position: absolute; + left: -9999px +} + +.weui-switch-cp__box { + display: block +} + +.weui-uploader { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1 +} + +.weui-uploader__hd { + display: -webkit-box; + display: -webkit-flex; + display: flex; + padding-bottom: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.weui-uploader__title { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1 +} + +.weui-uploader__info { + color: var(--weui-FG-2) +} + +.weui-uploader__bd { + margin-bottom: -8px; + margin-right: -8px; + overflow: hidden +} + +.weui-uploader__files { + list-style: none +} + +.weui-uploader__file { + float: left; + margin-right: 8px; + margin-bottom: 8px; + width: 96px; + height: 96px; + background: no-repeat 50%; + background-size: cover +} + +.weui-uploader__file_status { + position: relative +} + +.weui-uploader__file_status:before { + content: " "; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(0, 0, 0, .5) +} + +.weui-uploader__file_status .weui-uploader__file-content { + display: block +} + +.weui-uploader__file-content { + display: none; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + color: var(--weui-WHITE) +} + +.weui-uploader__file-content .weui-icon-warn { + display: inline-block +} + +.weui-uploader__input-box { + float: left; + position: relative; + margin-right: 8px; + margin-bottom: 8px; + width: 96px; + height: 96px; + box-sizing: border-box; + background-color: #ededed +} + +@media(prefers-color-scheme: dark) { + .weui-uploader__input-box { + background-color: #2e2e2e + } +} + +.weui-uploader__input-box:after, +.weui-uploader__input-box:before { + content: " "; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + background-color: #a3a3a3 +} + +@media(prefers-color-scheme: dark) { + .weui-uploader__input-box:after, + .weui-uploader__input-box:before { + background-color: #6d6d6d + } +} + +.weui-uploader__input-box:before { + width: 2px; + height: 32px +} + +.weui-uploader__input-box:after { + width: 32px; + height: 2px +} + +.weui-uploader__input-box:active:after, +.weui-uploader__input-box:active:before { + opacity: .7 +} + +.weui-uploader__input { + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} + +.weui-msg { + padding-top: 48px; + padding: calc(48px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left); + padding: calc(48px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); + text-align: center; + line-height: 1.4; + min-height: 100%; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + background-color: var(--weui-BG-2) +} + +.weui-msg a:not(.weui-btn) { + color: var(--weui-LINK); + display: inline-block; + vertical-align: baseline +} + +.weui-msg__icon-area { + margin-bottom: 32px +} + +.weui-msg__text-area { + margin-bottom: 32px; + padding: 0 32px; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + line-height: 1.6 +} + +.weui-msg__text-area:first-child { + padding-top: 96px +} + +.weui-msg__title { + font-weight: 700; + font-size: 22px +} + +.weui-msg__desc, +.weui-msg__title { + margin-bottom: 16px; + color: var(--weui-FG-0); + word-wrap: break-word; + word-break: break-all +} + +.weui-msg__desc { + font-size: 17px +} + +.weui-msg__desc-primary { + font-size: 14px; + color: var(--weui-FG-1); + word-wrap: break-word; + word-break: break-all; + margin-bottom: 16px +} + +.weui-msg__opr-area { + margin-bottom: 16px +} + +.weui-msg__opr-area .weui-btn-area { + margin: 0 +} + +.weui-msg__opr-area .weui-btn+.weui-btn { + margin-bottom: 16px +} + +.weui-msg__opr-area:last-child { + margin-bottom: 96px +} + +.weui-msg__opr-area+.weui-msg__extra-area { + margin-top: 48px +} + +.weui-msg__tips-area { + margin-bottom: 16px; + padding: 0 40px +} + +.weui-msg__opr-area+.weui-msg__tips-area { + margin-bottom: 48px +} + +.weui-msg__tips-area:last-child { + margin-bottom: 64px +} + +.weui-msg__extra-area, +.weui-msg__tips { + font-size: 12px; + color: var(--weui-FG-1) +} + +.weui-msg__extra-area { + margin-bottom: 24px +} + +.weui-msg__extra-area a, +.weui-msg__extra-area navigator { + color: var(--weui-LINK) +} + +.weui-msg__extra-area navigator { + display: inline +} + +.weui-cells__group_form:first-child .weui-cells__title { + margin-top: 0 +} + +.weui-cells__group_form .weui-cells__title { + margin-top: 24px; + margin-bottom: 8px; + padding: 0 32px +} + +.weui-cells__group_form .weui-cell:before, +.weui-cells__group_form .weui-cells:before { + left: 32px; + right: 32px +} + +.weui-cells__group_form .weui-cells_checkbox .weui-check__label:before { + left: 72px +} + +.weui-cells__group_form .weui-cells:after { + left: 32px; + right: 32px +} + +.weui-cells__group_form .weui-cell { + padding: 16px 32px +} + +.weui-cells__group_form .weui-cell:not(.weui-cell_link) { + color: var(--weui-FG-0) +} + +.weui-cells__group_form .weui-cell__hd { + padding-right: 16px +} + +.weui-cells__group_form .weui-cell__ft { + padding-left: 16px +} + +.weui-cells__group_form .weui-cell_warn input { + color: var(--weui-RED) +} + +.weui-cells__group_form .weui-label { + max-width: 5em; + margin-right: 8px +} + +.weui-cells__group_form .weui-cells__tips { + margin-top: 8px; + padding: 0 32px; + color: rgba(0, 0, 0, .3) +} + +.weui-cells__group_form .weui-cells__tips a { + font-weight: 700 +} + +.weui-cells__group_form .weui-cell_vcode { + padding: 12px 32px +} + +.weui-cells__group_form .weui-vcode-btn { + font-size: 16px; + padding: 0 12px; + margin-left: 0; + height: auto; + width: auto; + line-height: 2em; + color: var(--weui-BTN-DEFAULT-COLOR); + background-color: var(--weui-BTN-DEFAULT-BG) +} + +.weui-cells__group_form .weui-vcode-btn:before { + display: none +} + +.weui-cells__group_form .weui-cell_select { + padding: 0 +} + +.weui-cells__group_form .weui-cell_select .weui-select { + padding: 0 32px +} + +.weui-cells__group_form .weui-cell_select .weui-cell__bd:after { + right: 32px +} + +.weui-cells__group_form .weui-cell_select-before .weui-label { + margin-right: 24px +} + +.weui-cells__group_form .weui-cell_select-before .weui-select { + padding-right: 24px; + box-sizing: initial +} + +.weui-cells__group_form .weui-cell_select-after { + padding-left: 32px +} + +.weui-cells__group_form .weui-cell_select-after .weui-select { + padding-left: 0 +} + +.weui-cells__group_form .weui-cell_switch { + padding: 12px 32px +} + +.weui-form { + padding: 56px 0 0; + padding: calc(56px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left); + padding: calc(56px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + line-height: 1.4; + min-height: 100%; + box-sizing: border-box; + background-color: var(--weui-BG-2) +} + +.weui-form .weui-footer, +.weui-form .weui-footer__link { + font-size: 14px +} + +.weui-form .weui-agree { + padding: 0 +} + +.weui-form__text-area { + padding: 0 32px; + color: var(--weui-FG-0); + text-align: center +} + +.weui-form__control-area { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + margin: 48px 0 +} + +.weui-form__tips-area { + overflow: hidden +} + +.weui-form__extra-area, +.weui-form__tips-area { + margin-bottom: 24px; + text-align: center +} + +.weui-form__opr-area { + margin-bottom: 64px +} + +.weui-form__opr-area:last-child { + margin-bottom: 96px +} + +.weui-form__title { + font-size: 22px; + font-weight: 700; + line-height: 1.36 +} + +.weui-form__desc { + font-size: 17px; + margin-top: 16px +} + +.weui-form__tips { + color: var(--weui-FG-1); + font-size: 14px +} + +.weui-form__tips a, +.weui-form__tips navigator { + color: var(--weui-LINK) +} + +.weui-form__tips navigator { + display: inline +} + +.weui-article { + padding: 24px 16px; + padding: 24px calc(16px + constant(safe-area-inset-right)) calc(24px + constant(safe-area-inset-bottom)) calc(16px + constant(safe-area-inset-left)); + padding: 24px calc(16px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left)); + font-size: 17px; + color: var(--weui-FG-0) +} + +.weui-article__section { + margin-bottom: 1.5em +} + +.weui-article__h1 { + font-size: 22px; + font-weight: 700; + margin-bottom: .9em; + line-height: 1.4 +} + +.weui-article__h2 { + font-size: 17px +} + +.weui-article__h2, +.weui-article__h3 { + font-weight: 700; + margin-bottom: .34em; + line-height: 1.4 +} + +.weui-article__h3 { + font-size: 15px +} + +.weui-article__p { + margin: 0 0 .8em +} + +.weui-tabbar { + display: -webkit-box; + display: -webkit-flex; + display: flex; + position: relative; + z-index: 500; + background-color: var(--weui-BG-1) +} + +.weui-tabbar:before { + content: " "; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-tabbar__item { + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + padding: 8px 0; + padding-bottom: calc(8px + constant(safe-area-inset-bottom)); + padding-bottom: calc(8px + env(safe-area-inset-bottom)); + font-size: 0; + color: var(--weui-FG-1); + text-align: center; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} + +.weui-tabbar__item:first-child { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left) +} + +.weui-tabbar__item:last-child { + padding-right: constant(safe-area-inset-right); + 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; + width: 28px; + height: 28px; + margin-bottom: 2px +} + +.weui-tabbar__icon>i, +i.weui-tabbar__icon { + font-size: 24px; + color: var(--weui-FG-1) +} + +.weui-tabbar__icon img { + width: 100%; + height: 100% +} + +.weui-tabbar__label { + color: var(--weui-FG-0); + font-size: 10px; + line-height: 1.4 +} + +.weui-navbar { + display: -webkit-box; + display: -webkit-flex; + display: flex; + position: relative; + z-index: 500; + background-color: var(--weui-BG-2); + padding-top: constant(safe-area-inset-top); + padding-top: env(safe-area-inset-top) +} + +.weui-navbar:after { + content: " "; + position: absolute; + left: 0; + bottom: 0; + right: 0; + height: 1px; + border-bottom: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-navbar+.weui-tab__panel { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom) +} + +.weui-navbar__item { + position: relative; + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + padding: 16px 0; + padding-top: calc(16px + constant(safe-area-inset-top)); + padding-top: calc(16px + env(safe-area-inset-top)); + text-align: center; + font-size: 17px; + line-height: 1.41176471; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} + +.weui-navbar__item.weui-bar__item_on, +.weui-navbar__item:active { + background-color: var(--weui-BG-COLOR-ACTIVE) +} + +.weui-navbar__item:after { + content: " "; + position: absolute; + right: 0; + top: 0; + width: 1px; + bottom: 0; + border-right: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; + -webkit-transform: scaleX(.5); + transform: scaleX(.5) +} + +.weui-navbar__item:first-child { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left) +} + +.weui-navbar__item:last-child { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right) +} + +.weui-navbar__item:last-child:after { + display: none +} + +.weui-tab { + display: -webkit-box; + display: -webkit-flex; + display: flex; + height: 100%; + box-sizing: border-box; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column +} + +.weui-tab__panel { + box-sizing: border-box; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + overflow: auto; + -webkit-overflow-scrolling: touch +} + +.weui-tab__content { + display: none +} + +.weui-progress { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.weui-progress__bar { + background-color: var(--weui-BG-0); + height: 3px; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1 +} + +.weui-progress__inner-bar { + width: 0; + height: 100%; + background-color: var(--weui-BRAND) +} + +.weui-progress__opr { + display: block; + margin-left: 15px; + font-size: 0 +} + +.weui-panel { + background-color: var(--weui-BG-2); + margin-top: 10px; + position: relative; + overflow: hidden +} + +.weui-panel:first-child { + margin-top: 0 +} + +.weui-panel:before { + top: 0; + border-top: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-panel:after, +.weui-panel:before { + content: " "; + position: absolute; + left: 0; + right: 0; + height: 1px; + color: var(--weui-FG-3) +} + +.weui-panel:after { + bottom: 0; + border-bottom: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-panel__hd { + padding: 16px 16px 13px; + color: var(--weui-FG-0); + font-size: 15px; + font-weight: 700; + position: relative +} + +.weui-panel__hd:after { + content: " "; + position: absolute; + left: 0; + bottom: 0; + right: 0; + height: 1px; + border-bottom: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(.5); + transform: scaleY(.5); + left: 15px +} + +.weui-media-box { + padding: 16px; + position: relative +} + +.weui-media-box:before { + content: " "; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(.5); + transform: scaleY(.5); + left: 16px +} + +.weui-media-box:first-child:before { + display: none +} + +a.weui-media-box { + color: #000; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} + +a.weui-media-box:active { + background-color: var(--weui-BG-COLOR-ACTIVE) +} + +.weui-media-box__title { + font-weight: 400; + font-size: 17px; + color: var(--weui-FG-0); + width: auto; + white-space: nowrap; + word-wrap: normal; + word-wrap: break-word; + word-break: break-all +} + +.weui-media-box__desc, +.weui-media-box__title { + line-height: 1.4; + overflow: hidden; + text-overflow: ellipsis +} + +.weui-media-box__desc { + color: var(--weui-FG-2); + font-size: 14px; + padding-top: 4px; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2 +} + +.weui-media-box__info { + margin-top: 16px; + padding-bottom: 4px; + font-size: 13px; + color: var(--weui-FG-2); + line-height: 1em; + list-style: none; + overflow: hidden +} + +.weui-media-box__info__meta { + float: left; + padding-right: 1em +} + +.weui-media-box__info__meta_extra { + padding-left: 1em; + border-left: 1px solid var(--weui-FG-2) +} + +.weui-media-box_appmsg { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.weui-media-box_appmsg .weui-media-box__hd { + margin-right: 16px; + width: 60px; + height: 60px; + line-height: 60px; + text-align: center +} + +.weui-media-box_appmsg .weui-media-box__thumb { + width: 100%; + max-height: 100%; + vertical-align: top +} + +.weui-media-box_appmsg .weui-media-box__bd { + -webkit-box-flex: 1; + -webkit-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 { + position: relative; + overflow: hidden +} + +.weui-grids:before { + right: 0; + height: 1px; + border-top: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-grids:after, +.weui-grids:before { + content: " "; + position: absolute; + left: 0; + top: 0; + color: var(--weui-FG-3) +} + +.weui-grids:after { + width: 1px; + bottom: 0; + border-left: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(.5); + transform: scaleX(.5) +} + +.weui-grid { + position: relative; + float: left; + padding: 20px 10px; + width: 33.33333333%; + box-sizing: border-box +} + +.weui-grid:before { + top: 0; + width: 1px; + border-right: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; + -webkit-transform: scaleX(.5); + transform: scaleX(.5) +} + +.weui-grid:after, +.weui-grid:before { + content: " "; + position: absolute; + right: 0; + bottom: 0; + color: var(--weui-FG-3) +} + +.weui-grid:after { + left: 0; + height: 1px; + border-bottom: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-grid:active { + background-color: var(--weui-BG-COLOR-ACTIVE) +} + +.weui-grid__icon { + width: 28px; + height: 28px; + margin: 0 auto +} + +.weui-grid__icon img { + display: block; + width: 100%; + height: 100% +} + +.weui-grid__icon+.weui-grid__label { + margin-top: 4px +} + +.weui-grid__label { + display: block; + color: var(--weui-FG-0); + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden +} + +.weui-footer, +.weui-grid__label { + text-align: center; + font-size: 14px +} + +.weui-footer { + color: var(--weui-FG-2); + line-height: 1.4 +} + +.weui-footer a, +.weui-footer navigator { + color: var(--weui-LINK) +} + +.weui-footer navigator { + display: inline +} + +.weui-footer_fixed-bottom { + position: fixed; + bottom: 0; + left: 0; + right: 0; + padding-top: 16px; + padding-bottom: 16px; + padding-bottom: calc(16px + constant(safe-area-inset-bottom)); + padding-bottom: calc(16px + env(safe-area-inset-bottom)); + left: constant(safe-area-inset-left); + left: env(safe-area-inset-left); + right: constant(safe-area-inset-right); + right: env(safe-area-inset-right) +} + +.weui-footer__links { + font-size: 0 +} + +.weui-footer__link { + display: inline-block; + vertical-align: top; + margin: 0 8px; + position: relative; + font-size: 14px +} + +.weui-footer__link:before { + content: " "; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(.5); + transform: scaleX(.5); + left: -8px; + top: .36em; + bottom: .36em +} + +.weui-footer__link:first-child:before { + display: none +} + +.weui-footer__text { + padding: 0 16px; + font-size: 12px +} + +.weui-flex { + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.weui-flex__item { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1 +} + +.weui-dialog { + position: fixed; + z-index: 5000; + top: 50%; + left: 16px; + right: 16px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--weui-BG-2); + text-align: center; + border-radius: 12px; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + max-height: 90% +} + +.weui-dialog__hd { + padding: 32px 24px 16px +} + +.weui-dialog__title { + font-weight: 700; + font-size: 17px; + line-height: 1.4 +} + +.weui-dialog__bd { + overflow-y: auto; + -webkit-overflow-scrolling: touch; + padding: 0 24px; + margin-bottom: 32px; + font-size: 17px; + line-height: 1.4; + word-wrap: break-word; + -webkit-hyphens: auto; + hyphens: auto; + color: var(--weui-FG-1) +} + +.weui-dialog__bd:first-child { + min-height: 40px; + padding: 32px 24px 0; + font-weight: 700; + color: var(--weui-FG-0); + -webkit-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.weui-dialog__bd:first-child, +.weui-dialog__ft { + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.weui-dialog__ft { + position: relative; + line-height: 56px; + min-height: 56px; + font-size: 17px +} + +.weui-dialog__ft:after { + content: " "; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--weui-DIALOG-LINE-COLOR); + color: var(--weui-DIALOG-LINE-COLOR); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-dialog__btn { + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + color: var(--weui-LINK); + font-weight: 700; + text-decoration: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + position: relative +} + +.weui-dialog__btn:active { + background-color: var(--weui-BG-COLOR-ACTIVE) +} + +.weui-dialog__btn:after { + content: " "; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid var(--weui-DIALOG-LINE-COLOR); + color: var(--weui-DIALOG-LINE-COLOR); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(.5); + transform: scaleX(.5) +} + +.weui-dialog__btn:first-child:after { + display: none +} + +.weui-dialog__btn_default { + color: var(--weui-FG-HALF) +} + +.weui-skin_android .weui-dialog { + text-align: left; + box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .1) +} + +.weui-skin_android .weui-dialog__title { + font-size: 22px; + 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; + text-align: right; + line-height: 40px; + min-height: 40px; + padding: 0 24px 16px +} + +.weui-skin_android .weui-dialog__ft:after { + display: none +} + +.weui-skin_android .weui-dialog__btn { + display: inline-block; + vertical-align: top; + padding: 0 .8em +} + +.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:352px) { + .weui-dialog { + width: 320px; + margin: 0 auto + } +} + +.weui-half-screen-dialog { + position: fixed; + left: 0; + right: 0; + bottom: 0; + max-height: 75%; + z-index: 5000; + line-height: 1.4; + background-color: var(--weui-BG-2); + border-top-left-radius: 12px; + border-top-right-radius: 12px; + overflow: hidden; + padding: 0 24px; + padding: 0 calc(24px + constant(safe-area-inset-right)) constant(safe-area-inset-bottom) calc(24px + constant(safe-area-inset-left)); + padding: 0 calc(24px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(24px + env(safe-area-inset-left)) +} + +@media only screen and (max-height:558px) { + .weui-half-screen-dialog { + max-height: none + } +} + +.weui-half-screen-dialog__hd { + font-size: 8px; + height: 8em; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.weui-half-screen-dialog__hd .weui-icon-btn { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%) +} + +.weui-half-screen-dialog__hd .weui-icon-btn:active { + opacity: .5 +} + +.weui-half-screen-dialog__hd__side { + position: relative; + left: -8px +} + +.weui-half-screen-dialog__hd__main { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1 +} + +.weui-half-screen-dialog__hd__side+.weui-half-screen-dialog__hd__main { + text-align: center; + padding: 0 40px +} + +.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side { + right: -8px; + left: auto +} + +.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side .weui-icon-btn { + right: 0 +} + +.weui-half-screen-dialog__title { + display: block; + color: var(--weui-FG-0); + font-weight: 700; + font-size: 15px +} + +.weui-half-screen-dialog__subtitle { + display: block; + color: var(--weui-FG-1); + font-size: 10px +} + +.weui-half-screen-dialog__bd { + word-wrap: break-word; + -webkit-hyphens: auto; + hyphens: auto; + overflow-y: auto; + padding-top: 4px; + padding-bottom: 40px; + font-size: 14px; + color: var(--weui-FG-0) +} + +.weui-half-screen-dialog__desc { + font-size: 17px; + font-weight: 700; + color: var(--weui-FG-0); + line-height: 1.4 +} + +.weui-half-screen-dialog__tips { + padding-top: 16px; + font-size: 14px; + color: var(--weui-FG-2); + line-height: 1.4 +} + +.weui-half-screen-dialog__ft { + padding: 0 24px 32px; + 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; + vertical-align: top; + margin: 0 8px; + width: 120px +} + +.weui-icon-btn { + outline: 0; + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + border-width: 0; + background-color: transparent; + color: var(--weui-FG-0); + font-size: 0 +} + +.weui-icon-more { + width: 24px; + -webkit-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%; + 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%; + -webkit-mask-size: cover; + mask-size: cover +} + +.weui-icon-btn_goback, +.weui-icon-more { + display: inline-block; + vertical-align: middle; + height: 24px; + background-color: currentColor; + color: var(--weui-FG-0) +} + +.weui-icon-btn_goback { + width: 12px; + -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; + mask: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; + -webkit-mask-size: cover; + mask-size: cover +} + +.weui-icon-btn_close { + color: var(--weui-FG-0); + display: inline-block; + vertical-align: middle; + width: 14px; + height: 24px; + -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; + mask: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; + -webkit-mask-size: cover; + mask-size: cover; + background-color: currentColor +} + +.weui-toast { + position: fixed; + z-index: 5000; + width: 120px; + height: 120px; + top: 40%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; + border-radius: 5px; + color: hsla(0, 0%, 100%, .9); + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + background-color: #4c4c4c +} + +@media(prefers-color-scheme: dark) { + .weui-toast { + background-color: #606060 + } +} + +.weui-icon_toast { + display: block +} + +.weui-icon_toast.weui-icon-success-no-circle { + color: hsla(0, 0%, 100%, .9); + width: 55px; + height: 55px +} + +.weui-icon_toast.weui-loading { + margin: 8px 0; + width: 38px; + height: 38px; + vertical-align: baseline +} + +.weui-toast__content { + font-size: 14px +} + +.weui-mask { + background: rgba(0, 0, 0, .6) +} + +.weui-mask, +.weui-mask_transparent { + position: fixed; + z-index: 1000; + top: 0; + right: 0; + left: 0; + bottom: 0 +} + +.weui-actionsheet { + position: fixed; + left: 0; + bottom: 0; + -webkit-transform: translateY(100%); + transform: translateY(100%); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 5000; + width: 100%; + background-color: var(--weui-BG-1); + -webkit-transition: -webkit-transform .3s; + transition: -webkit-transform .3s; + transition: transform .3s; + transition: transform .3s, -webkit-transform .3s; + border-top-left-radius: 12px; + border-top-right-radius: 12px; + overflow: hidden +} + +.weui-actionsheet__title { + position: relative; + height: 56px; + padding: 0 24px; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + text-align: center; + font-size: 12px; + color: var(--weui-FG-1); + line-height: 1.4; + background: var(--weui-BG-2) +} + +.weui-actionsheet__title:before { + content: " "; + position: absolute; + left: 0; + bottom: 0; + right: 0; + height: 1px; + border-bottom: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-actionsheet__title .weui-actionsheet__title-text { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2 +} + +.weui-actionsheet__menu { + color: var(--weui-FG-0); + background-color: var(--weui-BG-2) +} + +.weui-actionsheet__action { + margin-top: 8px; + background-color: var(--weui-BG-2); + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom) +} + +.weui-actionsheet__cell { + position: relative; + padding: 16px; + text-align: center; + font-size: 17px; + line-height: 1.41176471 +} + +.weui-actionsheet__cell:before { + content: " "; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.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 { + position: fixed; + left: 50%; + top: 50%; + bottom: auto; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: 274px; + box-sizing: border-box; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + background: transparent; + -webkit-transition: -webkit-transform .3s; + transition: -webkit-transform .3s; + transition: transform .3s; + transition: transform .3s, -webkit-transform .3s; + border-top-left-radius: 0; + border-top-right-radius: 0 +} + +.weui-skin_android .weui-actionsheet__action { + display: none +} + +.weui-skin_android .weui-actionsheet__menu { + border-radius: 2px; + box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .1) +} + +.weui-skin_android .weui-actionsheet__cell { + padding: 16px; + font-size: 17px; + line-height: 1.41176471; + color: var(--weui-FG-0); + text-align: left +} + +.weui-skin_android .weui-actionsheet__cell:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px +} + +.weui-skin_android .weui-actionsheet__cell:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px +} + +.weui-actionsheet_toggle { + -webkit-transform: translate(0); + transform: translate(0) +} + +.weui-loadmore { + width: 65%; + margin: 1.5em auto; + line-height: 1.6em; + font-size: 14px; + text-align: center +} + +.weui-loadmore__tips { + display: inline-block; + vertical-align: middle; + color: var(--weui-FG-0) +} + +.weui-loadmore_line { + border-top: 1px solid var(--weui-FG-3); + margin-top: 2.4em +} + +.weui-loadmore_line .weui-loadmore__tips { + position: relative; + top: -.9em; + padding: 0 .55em; + background-color: var(--weui-BG-2); + color: var(--weui-FG-1) +} + +.weui-loadmore_dot .weui-loadmore__tips { + padding: 0 .16em +} + +.weui-loadmore_dot .weui-loadmore__tips:before { + content: " "; + width: 4px; + height: 4px; + border-radius: 50%; + background-color: var(--weui-FG-3); + display: inline-block; + position: relative; + vertical-align: 0; + top: -.16em +} + +.weui-badge { + display: inline-block; + padding: .15em .4em; + min-width: 8px; + border-radius: 18px; + background-color: var(--weui-RED); + color: #fff; + line-height: 1.2; + text-align: center; + font-size: 12px; + vertical-align: middle +} + +.weui-badge_dot { + padding: .4em; + min-width: 0 +} + +.weui-toptips { + display: none; + position: fixed; + -webkit-transform: translateZ(0); + transform: translateZ(0); + top: 8px; + left: 8px; + right: 8px; + padding: 10px; + border-radius: 8px; + font-size: 14px; + text-align: center; + color: #fff; + z-index: 5000; + word-wrap: break-word; + word-break: break-all +} + +.weui-toptips_warn { + background-color: var(--weui-RED) +} + +.weui-search-bar { + position: relative; + padding: 8px; + display: -webkit-box; + display: -webkit-flex; + display: flex; + box-sizing: border-box; + background-color: var(--weui-BG-0); + -webkit-text-size-adjust: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.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 { + width: 16px; + height: 16px +} + +.weui-search-bar__form { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: auto; + flex: auto; + background-color: var(--weui-BG-2); + border-radius: 4px +} + +.weui-search-bar__box { + position: relative; + padding-left: 28px; + padding-right: 32px; + height: 100%; + width: 100%; + box-sizing: border-box; + z-index: 1 +} + +.weui-search-bar__box .weui-search-bar__input { + padding: 8px 0; + width: 100%; + height: 1.14285714em; + border: 0; + font-size: 14px; + line-height: 1.14285714em; + box-sizing: content-box; + background: transparent; + caret-color: var(--weui-BRAND); + color: var(--weui-FG-0) +} + +.weui-search-bar__box .weui-search-bar__input:focus { + outline: none +} + +.weui-search-bar__box .weui-icon-search { + position: absolute; + top: 50%; + left: 8px; + margin-top: -8px +} + +.weui-search-bar__box .weui-icon-clear { + position: absolute; + top: 50%; + right: 0; + margin-top: -16px; + padding: 8px; + width: 16px; + height: 16px; + -webkit-mask-size: 16px; + mask-size: 16px +} + +.weui-search-bar__label { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + font-size: 0; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + color: var(--weui-FG-1); + background: var(--weui-BG-2) +} + +.weui-search-bar__label span { + display: inline-block; + font-size: 14px; + vertical-align: middle +} + +.weui-search-bar__label .weui-icon-search { + margin-right: 4px +} + +.weui-search-bar__cancel-btn { + display: none; + margin-left: 8px; + line-height: 28px; + color: var(--weui-LINK); + white-space: nowrap +} + +.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 { + position: fixed; + width: 100%; + box-sizing: border-box; + left: 0; + bottom: 0; + z-index: 5000; + background-color: var(--weui-BG-2); + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + -webkit-transition: -webkit-transform .3s; + transition: -webkit-transform .3s; + transition: transform .3s; + transition: transform .3s, -webkit-transform .3s +} + +.weui-picker__hd { + display: -webkit-box; + display: -webkit-flex; + display: flex; + padding: 16px; + padding: 16px calc(16px + constant(safe-area-inset-right)) 16px calc(16px + constant(safe-area-inset-left)); + padding: 16px calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left)); + position: relative; + text-align: center; + font-size: 17px; + line-height: 1.4 +} + +.weui-picker__hd:after { + content: " "; + position: absolute; + left: 0; + bottom: 0; + right: 0; + height: 1px; + border-bottom: 1px solid var(--weui-FG-3); + color: var(--weui-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-picker__bd { + display: -webkit-box; + display: -webkit-flex; + display: flex; + position: relative; + background-color: var(--weui-BG-2); + height: 240px; + overflow: hidden +} + +.weui-picker__group { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + position: relative; + height: 100% +} + +.weui-picker__group:first-child .weui-picker__item { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left) +} + +.weui-picker__group:last-child .weui-picker__item { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right) +} + +.weui-picker__mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0 auto; + z-index: 3; + background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)); + 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-size: 100% 92px; + background-repeat: no-repeat; + -webkit-transform: translateZ(0); + transform: translateZ(0) +} + +@media(prefers-color-scheme: dark) { + .weui-picker__mask { + background-image: -webkit-linear-gradient(top, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6)), -webkit-linear-gradient(bottom, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6)); + background-image: linear-gradient(180deg, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6)), linear-gradient(0deg, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6)) + } +} + +.weui-picker__indicator { + width: 100%; + height: 56px; + position: absolute; + left: 0; + top: 92px; + z-index: 3 +} + +.weui-picker__indicator:before { + top: 0; + border-top: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-picker__indicator:after, +.weui-picker__indicator:before { + content: " "; + position: absolute; + left: 0; + right: 0; + height: 1px; + color: var(--weui-FG-3) +} + +.weui-picker__indicator:after { + bottom: 0; + border-bottom: 1px solid var(--weui-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(.5); + transform: scaleY(.5) +} + +.weui-picker__content { + position: absolute; + top: 0; + left: 0; + width: 100% +} + +.weui-picker__item { + height: 48px; + line-height: 48px; + text-align: center; + color: var(--weui-FG-0); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden +} + +.weui-picker__item_disabled { + color: var(--weui-FG-1) +} + +@-webkit-keyframes a { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +@keyframes a { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +.weui-animate-slide-up { + -webkit-animation: a ease .3s forwards; + animation: a ease .3s forwards +} + +@-webkit-keyframes b { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + + to { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } +} + +@keyframes b { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + + to { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } +} + +.weui-animate-slide-down { + -webkit-animation: b ease .3s forwards; + animation: b ease .3s forwards +} + +@-webkit-keyframes c { + 0% { + opacity: 0 + } + + to { + opacity: 1 + } +} + +@keyframes c { + 0% { + opacity: 0 + } + + to { + opacity: 1 + } +} + +.weui-animate-fade-in { + -webkit-animation: c ease .3s forwards; + animation: c ease .3s forwards +} + +@-webkit-keyframes d { + 0% { + opacity: 1 + } + + to { + opacity: 0 + } +} + +@keyframes d { + 0% { + opacity: 1 + } + + to { + opacity: 0 + } +} + +.weui-animate-fade-out { + -webkit-animation: d ease .3s forwards; + animation: d ease .3s forwards +} + +.weui-agree { + display: block; + padding: 8px 15px 0; + font-size: 14px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 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: 2px +} + +.weui-agree__checkbox { + -webkit-appearance: none; + appearance: none; + display: inline-block; + border: 0; + outline: 0; + vertical-align: middle; + background-color: currentColor; + -webkit-mask-position: 0 0; + mask-position: 0 0; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask-size: 100%; + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E); + color: var(--weui-FG-2); + width: 1em; + height: 1em; + font-size: 17px; + margin-top: -.2em +} + +.weui-agree__checkbox-check { + position: absolute; + left: -9999px +} + +.weui-agree__checkbox-check[aria-checked=true]+.weui-agree__checkbox, +.weui-agree__checkbox:checked { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E); + color: var(--weui-BRAND) +} + +.weui-agree_animate { + -webkit-animation: e .3s 1; + animation: e .3s 1 +} + +@-webkit-keyframes e { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + + 16% { + -webkit-transform: translateX(-8px); + transform: translateX(-8px) + } + + 28% { + -webkit-transform: translateX(-16px); + transform: translateX(-16px) + } + + 44% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + + 59% { + -webkit-transform: translateX(-16px); + transform: translateX(-16px) + } + + 73% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + + 82% { + -webkit-transform: translateX(16px); + transform: translateX(16px) + } + + 94% { + -webkit-transform: translateX(8px); + transform: translateX(8px) + } + + to { + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes e { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + + 16% { + -webkit-transform: translateX(-8px); + transform: translateX(-8px) + } + + 28% { + -webkit-transform: translateX(-16px); + transform: translateX(-16px) + } + + 44% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + + 59% { + -webkit-transform: translateX(-16px); + transform: translateX(-16px) + } + + 73% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + + 82% { + -webkit-transform: translateX(16px); + transform: translateX(16px) + } + + 94% { + -webkit-transform: translateX(8px); + transform: translateX(8px) + } + + to { + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +.weui-loading { + width: 20px; + height: 20px; + display: inline-block; + vertical-align: middle; + -webkit-animation: f 1s steps(12) infinite; + animation: f 1s steps(12) infinite; + background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat; + background-size: 100% +} + +.weui-btn_loading.weui-btn_primary .weui-loading, +.weui-loading.weui-loading_transparent { + background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") +} + +@-webkit-keyframes f { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +@keyframes f { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +.weui-slider { + padding: 15px 18px; + -webkit-user-select: none; + user-select: none +} + +.weui-slider__inner { + position: relative; + height: 2px; + background-color: var(--weui-FG-3) +} + +.weui-slider__track { + height: 2px; + background-color: var(--weui-BRAND); + width: 0 +} + +.weui-slider__handler { + position: absolute; + left: 0; + top: 50%; + width: 28px; + height: 28px; + margin-left: -14px; + margin-top: -14px; + border-radius: 50%; + background-color: #fff; + box-shadow: 0 0 4px var(--weui-FG-3) +} + +.weui-slider-box { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.weui-slider-box .weui-slider { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1 +} + +.weui-slider-box__value { + margin-left: .5em; + min-width: 24px; + color: var(--weui-FG-1); + text-align: center; + font-size: 14px +} + +.wx_dot_loading, +.wx_dot_loading:after, +.wx_dot_loading:before { + display: inline-block; + vertical-align: middle; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: rgba(0, 0, 0, .3); + font-size: 0; + -webkit-animation: h 1.6s step-start infinite; + animation: h 1.6s step-start infinite +} + +.wx_dot_loading { + position: relative +} + +.wx_dot_loading:before { + content: ""; + position: absolute; + left: -12px; + background-color: rgba(0, 0, 0, .1); + -webkit-animation: g 1.6s step-start infinite; + animation: g 1.6s step-start infinite +} + +.wx_dot_loading:after { + content: ""; + position: absolute; + right: -12px; + background-color: rgba(0, 0, 0, .5); + -webkit-animation: i 1.6s step-start infinite; + animation: i 1.6s step-start infinite +} + +@-webkit-keyframes g { + + 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 g { + + 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 h { + + 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 h { + + 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 i { + + 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 i { + + 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 { + background-color: hsla(0, 0%, 100%, .3); + -webkit-animation: k 1.6s step-start infinite; + animation: k 1.6s step-start infinite +} + +.wx_dot_loading_white:before { + background-color: hsla(0, 0%, 100%, .5); + -webkit-animation: j 1.6s step-start infinite; + animation: j 1.6s step-start infinite +} + +.wx_dot_loading_white:after { + background-color: hsla(0, 0%, 100%, .1); + -webkit-animation: l 1.6s step-start infinite; + animation: l 1.6s step-start infinite +} + +@-webkit-keyframes j { + + 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 j { + + 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 k { + + 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 k { + + 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 l { + + 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 l { + + 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) + } +} + +:host { + width: 100% +} + +.weui-slideview { + position: relative; + overflow: hidden +} + +.weui-slideview__left { + position: relative; + z-index: 10 +} + +.weui-slideview__right { + position: absolute; + z-index: 1; + left: 100%; + top: 0; + height: 100% +} + +.weui-slideview__btn__wrp { + position: absolute; + left: 0; + bottom: 0; + text-align: center; + min-width: 69px; + height: 100%; + white-space: nowrap +} + +.weui-slideview__btn { + color: #fff; + padding: 0 17px +} + +.weui-slideview__btn-group_default .weui-slideview__btn { + background: #c7c7cc +} + +@media(prefers-color-scheme: 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 { + content: " "; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid #fff; + color: #fff; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(.5); + transform: scaleX(.5) +} + +@media(prefers-color-scheme: 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 { + content: " "; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid #fff; + color: #fff; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(.5); + transform: scaleX(.5) +} + +.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: 16px +} + +.weui-slideview_icon .weui-slideview__btn__wrp:last-child { + padding-right: 8px +} + +.weui-slideview_icon .weui-slideview__btn { + width: 48px; + height: 48px; + line-height: 48px; + padding: 0; + display: inline-block; + vertical-align: middle; + border-radius: 50%; + background-color: #fff +} + +@media(prefers-color-scheme: dark) { + .weui-slideview_icon .weui-slideview__btn { + background-color: var(--weui-BG-4) + } +} + +.weui-slideview_icon .weui-slideview__btn__icon { + display: inline-block; + vertical-align: middle; + width: 22px; + height: 22px +} + +page { + --height: 44px; + --right: 95px +} + +.weui-navigation-bar { + overflow: hidden; + color: var(--weui-FG-0) +} + +.weui-navigation-bar .android { + --height: 48px; + --right: 221px +} + +.weui-navigation-bar__inner { + position: fixed; + top: 0; + left: 0; + z-index: 5001; + height: var(--height); + padding-right: var(--right); + width: calc(100% - var(--right)) +} + +.weui-navigation-bar__inner, +.weui-navigation-bar__inner .weui-navigation-bar__left { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.weui-navigation-bar__inner .weui-navigation-bar__left { + position: relative; + width: var(--right); + padding-left: 16px +} + +.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn { + display: inline-block; + vertical-align: middle; + background-repeat: no-repeat +} + +.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback { + font-size: 12px; + width: 1em; + height: 2em; + -webkit-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: 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%; + -webkit-mask-size: cover; + mask-size: cover; + background-color: currentColor +} + +.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback:active { + opacity: .5 +} + +.weui-navigation-bar__inner .weui-navigation-bar__center { + font-size: 17px; + text-align: center; + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.weui-navigation-bar__inner .weui-navigation-bar__loading { + margin-right: 4px; + font-size: 0 +} + +.weui-navigation-bar__inner .weui-navigation-bar__loading .weui-loading { + margin-left: 0 +} + +.weui-navigation-bar__inner .weui-navigation-bar__right { + margin-right: 16px +} + +.weui-navigation-bar__placeholder { + height: var(--height); + background: var(--weui-BG-1); + position: relative; + z-index: 50 +} + +.weui-uploader__hd { + display: block +} + +.weui-uploader__overview { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.weui-uploader__tips { + color: var(--weui-FG-2); + font-size: 14px; + line-height: 1.4; + padding-top: 4px +} + +.weui-uploader__img { + display: block; + width: 100%; + height: 100% +} + +.weui-gallery { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + flex-wrap: nowrap +} + +.weui-gallery__info { + color: #fff; + font-size: 17px; + line-height: 60px; + min-height: 60px; + text-align: center +} + +.weui-gallery__img__wrp { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + position: relative; + font-size: 0 +} + +.weui-gallery__img { + position: absolute; + width: 100%; + height: 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 +} \ No newline at end of file diff --git a/pages/component/index/index.js b/pages/component/index/index.js index 608a282..9940416 100644 --- a/pages/component/index/index.js +++ b/pages/component/index/index.js @@ -1,54 +1,64 @@ -//index.js -//获取应用实例 -const app = getApp() - Page({ - data: { - motto: 'Hello World', - userInfo: {}, - hasUserInfo: false, - canIUse: wx.canIUse('button.open-type.getUserInfo') - }, - //事件处理函数 - bindViewTap: function() { - wx.navigateTo({ - url: '../logs/logs' - }) - }, - onLoad: function () { - if (app.globalData.userInfo) { - this.setData({ - userInfo: app.globalData.userInfo, - hasUserInfo: true - }) - } else if (this.data.canIUse){ - // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回 - // 所以此处加入 callback 以防止这种情况 - app.userInfoReadyCallback = res => { - this.setData({ - userInfo: res.userInfo, - hasUserInfo: true - }) - } - } else { - // 在没有 open-type=getUserInfo 版本的兼容处理 - wx.getUserInfo({ - success: res => { - app.globalData.userInfo = res.userInfo - this.setData({ - userInfo: res.userInfo, - hasUserInfo: true - }) - } - }) + onShareAppMessage() { + return { + title: '小程序官方组件展示', + path: 'page/component/index' } }, - getUserInfo: function(e) { - console.log(e) - app.globalData.userInfo = e.detail.userInfo + + data: { + list: [ + { + id: 'view', + name: '视图容器', + open: false, + pages: ['view', 'scroll-view', 'swiper'] + }, { + id: 'content', + name: '基础内容', + open: false, + pages: ['text', 'icon', 'progress'] + }, { + id: 'form', + name: '表单组件', + open: false, + pages: ['button', 'checkbox', 'form', 'input', 'label', 'picker', 'picker-view', 'radio', 'slider', 'switch', 'textarea'] + }, { + id: 'nav', + name: '导航', + open: false, + pages: ['navigator'] + }, { + id: 'media', + name: '媒体组件', + open: false, + pages: ['image', 'video'] + }, { + id: 'canvas', + name: '画布', + open: false, + pages: ['canvas'] + }, { + id: 'open', + name: '开放能力', + open: false, + pages: ['web-view'] + } + ] + }, + + kindToggle(e) { + const id = e.currentTarget.id + const list = this.data.list + for (let i = 0, len = list.length; i < len; ++i) { + if (list[i].id === id) { + list[i].open = !list[i].open + } else { + list[i].open = false + } + } this.setData({ - userInfo: e.detail.userInfo, - hasUserInfo: true + list }) } }) diff --git a/pages/component/index/index.wxml b/pages/component/index/index.wxml index 0243bda..3567dbf 100644 --- a/pages/component/index/index.wxml +++ b/pages/component/index/index.wxml @@ -1,13 +1,28 @@ - - - - - - - {{userInfo.nickName}} - + + + + 以下将展示小程序官方组件能力，组件样式仅供参考。 - - {{motto}} + + + + + + {{item.name}} + + + + + + + {{page}} + + + + + + + + - + \ No newline at end of file diff --git a/pages/component/index/index.wxss b/pages/component/index/index.wxss index ce30de0..32aa9ce 100644 --- a/pages/component/index/index.wxss +++ b/pages/component/index/index.wxss @@ -1,21 +1,6 @@ -/**index.wxss**/ -.userinfo { - display: flex; - flex-direction: column; - align-items: center; -} +@import "../../common/index.wxss"; -.userinfo-avatar { - width: 128rpx; - height: 128rpx; - margin: 20rpx; - border-radius: 50%; +.weui-agree__link { + display: inline; + color: var(--weui-LINK); } - -.userinfo-nickname { - color: #aaa; -} - -.usermotto { - margin-top: 200px; -} \ No newline at end of file diff --git a/pages/component/index/resources/kind/canvas.png b/pages/component/index/resources/kind/canvas.png new file mode 100644 index 0000000..21b38cb Binary files /dev/null and b/pages/component/index/resources/kind/canvas.png differ diff --git a/pages/component/index/resources/kind/content.png b/pages/component/index/resources/kind/content.png new file mode 100644 index 0000000..817fa69 Binary files /dev/null and b/pages/component/index/resources/kind/content.png differ diff --git a/pages/component/index/resources/kind/daytime.png b/pages/component/index/resources/kind/daytime.png new file mode 100644 index 0000000..07ec1f6 Binary files /dev/null and b/pages/component/index/resources/kind/daytime.png differ diff --git a/pages/component/index/resources/kind/form.png b/pages/component/index/resources/kind/form.png new file mode 100644 index 0000000..a47bd24 Binary files /dev/null and b/pages/component/index/resources/kind/form.png differ diff --git a/pages/component/index/resources/kind/logo.png b/pages/component/index/resources/kind/logo.png new file mode 100644 index 0000000..c778660 Binary files /dev/null and b/pages/component/index/resources/kind/logo.png differ diff --git a/pages/component/index/resources/kind/media.png b/pages/component/index/resources/kind/media.png new file mode 100644 index 0000000..62e54cd Binary files /dev/null and b/pages/component/index/resources/kind/media.png differ diff --git a/pages/component/index/resources/kind/nav.png b/pages/component/index/resources/kind/nav.png new file mode 100644 index 0000000..24e15b3 Binary files /dev/null and b/pages/component/index/resources/kind/nav.png differ diff --git a/pages/component/index/resources/kind/night.png b/pages/component/index/resources/kind/night.png new file mode 100644 index 0000000..0b86ac1 Binary files /dev/null and b/pages/component/index/resources/kind/night.png differ diff --git a/pages/component/index/resources/kind/obstacle-free.png b/pages/component/index/resources/kind/obstacle-free.png new file mode 100644 index 0000000..7e7e843 Binary files /dev/null and b/pages/component/index/resources/kind/obstacle-free.png differ diff --git a/pages/component/index/resources/kind/open.png b/pages/component/index/resources/kind/open.png new file mode 100644 index 0000000..157edd7 Binary files /dev/null and b/pages/component/index/resources/kind/open.png differ diff --git a/pages/component/index/resources/kind/view.png b/pages/component/index/resources/kind/view.png new file mode 100644 index 0000000..03c9003 Binary files /dev/null and b/pages/component/index/resources/kind/view.png differ diff --git a/pages/component/index/resources/pic/1.jpg b/pages/component/index/resources/pic/1.jpg new file mode 100644 index 0000000..614071b Binary files /dev/null and b/pages/component/index/resources/pic/1.jpg differ diff --git a/pages/component/index/resources/pic/2.jpg b/pages/component/index/resources/pic/2.jpg new file mode 100644 index 0000000..478fb49 Binary files /dev/null and b/pages/component/index/resources/pic/2.jpg differ diff --git a/pages/component/index/resources/pic/custom_map_template_1.png b/pages/component/index/resources/pic/custom_map_template_1.png new file mode 100644 index 0000000..b7abbb4 Binary files /dev/null and b/pages/component/index/resources/pic/custom_map_template_1.png differ diff --git a/pages/component/index/resources/pic/custom_map_template_2.png b/pages/component/index/resources/pic/custom_map_template_2.png new file mode 100644 index 0000000..b676d22 Binary files /dev/null and b/pages/component/index/resources/pic/custom_map_template_2.png differ diff --git a/pages/component/index/resources/pic/custom_map_template_3.png b/pages/component/index/resources/pic/custom_map_template_3.png new file mode 100644 index 0000000..a408377 Binary files /dev/null and b/pages/component/index/resources/pic/custom_map_template_3.png differ diff --git a/pages/component/index/resources/pic/custom_map_template_4.png b/pages/component/index/resources/pic/custom_map_template_4.png new file mode 100644 index 0000000..abfa874 Binary files /dev/null and b/pages/component/index/resources/pic/custom_map_template_4.png differ