* { margin: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } html, body { -webkit-user-select: none; user-select: none; width: 100%; } html { height: 100%; height: 100vh; width: 100%; width: 100vw; } body { overflow-x: hidden; background-color: white; } input[type='search']::-webkit-search-cancel-button { display: none; } .uni-loading, uni-button[loading]:before { background: transparent url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=') no-repeat; } .uni-loading { width: 20px; height: 20px; display: inline-block; vertical-align: middle; animation: uni-loading 1s steps(12, end) infinite; background-size: 100%; } @keyframes uni-loading { 0% { transform: rotate3d(0, 0, 1, 0deg); } 100% { transform: rotate3d(0, 0, 1, 360deg); } } [nvue] uni-view, [nvue] uni-label, [nvue] uni-swiper-item, [nvue] uni-scroll-view { display: flex; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } [nvue] uni-button { margin: 0; } [nvue-dir-row] uni-view, [nvue-dir-row] uni-label, [nvue-dir-row] uni-swiper-item { flex-direction: row; } [nvue-dir-column] uni-view, [nvue-dir-column] uni-label, [nvue-dir-column] uni-swiper-item { flex-direction: column; } [nvue-dir-row-reverse] uni-view, [nvue-dir-row-reverse] uni-label, [nvue-dir-row-reverse] uni-swiper-item { flex-direction: row-reverse; } [nvue-dir-column-reverse] uni-view, [nvue-dir-column-reverse] uni-label, [nvue-dir-column-reverse] uni-swiper-item { flex-direction: column-reverse; } [nvue] uni-view, [nvue] uni-image, [nvue] uni-input, [nvue] uni-scroll-view, [nvue] uni-swiper, [nvue] uni-swiper-item, [nvue] uni-text, [nvue] uni-textarea, [nvue] uni-video { position: relative; border: 0px solid #000000; box-sizing: border-box; } [nvue] uni-swiper-item { position: absolute; } uni-view { display: block; } uni-view[hidden] { display: none; } uni-button { position: relative; display: block; margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px; box-sizing: border-box; font-size: 18px; text-align: center; text-decoration: none; line-height: 2.55555556; border-radius: 5px; -webkit-tap-highlight-color: transparent; overflow: hidden; color: #000000; background-color: #f8f8f8; cursor: pointer; } uni-button[hidden] { display: none !important; } uni-button:after { content: ' '; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.2); transform: scale(0.5); transform-origin: 0 0; box-sizing: border-box; border-radius: 10px; } uni-button[native] { padding-left: 0; padding-right: 0; } uni-button[native] .uni-button-cover-view-wrapper { border: inherit; border-color: inherit; border-radius: inherit; background-color: inherit; } uni-button[native] .uni-button-cover-view-inner { padding-left: 14px; padding-right: 14px; } uni-button uni-cover-view { line-height: inherit; white-space: inherit; } uni-button[type='default'] { color: #000000; background-color: #f8f8f8; } uni-button[type='primary'] { color: #ffffff; background-color: #007aff; } uni-button[type='warn'] { color: #ffffff; background-color: #e64340; } uni-button[disabled] { color: rgba(255, 255, 255, 0.6); cursor: not-allowed; } uni-button[disabled][type='default'], uni-button[disabled]:not([type]) { color: rgba(0, 0, 0, 0.3); background-color: #f7f7f7; } uni-button[disabled][type='primary'] { background-color: rgba(0, 122, 255, 0.6); } uni-button[disabled][type='warn'] { background-color: #ec8b89; } uni-button[type='primary'][plain] { color: #007aff; border: 1px solid #007aff; background-color: transparent; } uni-button[type='primary'][plain][disabled] { color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); } uni-button[type='primary'][plain]:after { border-width: 0; } uni-button[type='default'][plain] { color: #353535; border: 1px solid #353535; background-color: transparent; } uni-button[type='default'][plain][disabled] { color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); } uni-button[type='default'][plain]:after { border-width: 0; } uni-button[plain] { color: #353535; border: 1px solid #353535; background-color: transparent; } uni-button[plain][disabled] { color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); } uni-button[plain]:after { border-width: 0; } uni-button[plain][native] .uni-button-cover-view-inner { padding: 0; } uni-button[type='warn'][plain] { color: #e64340; border: 1px solid #e64340; background-color: transparent; } uni-button[type='warn'][plain][disabled] { color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); } uni-button[type='warn'][plain]:after { border-width: 0; } uni-button[size='mini'] { display: inline-block; line-height: 2.3; font-size: 13px; padding: 0 1.34em; } uni-button[size='mini'][native] { padding: 0; } uni-button[size='mini'][native] .uni-button-cover-view-inner { padding: 0 1.34em; } uni-button[loading]:not([disabled]) { cursor: progress; } uni-button[loading]:before { content: ' '; display: inline-block; width: 18px; height: 18px; vertical-align: middle; animation: uni-loading 1s steps(12, end) infinite; background-size: 100%; } uni-button[loading][type='primary'] { color: rgba(255, 255, 255, 0.6); background-color: #0062cc; } uni-button[loading][type='primary'][plain] { color: #007aff; background-color: transparent; } uni-button[loading][type='default'] { color: rgba(0, 0, 0, 0.6); background-color: #dedede; } uni-button[loading][type='default'][plain] { color: #353535; background-color: transparent; } uni-button[loading][type='warn'] { color: rgba(255, 255, 255, 0.6); background-color: #ce3c39; } uni-button[loading][type='warn'][plain] { color: #e64340; background-color: transparent; } uni-button[loading][native]:before { content: none; } .button-hover { color: rgba(0, 0, 0, 0.6); background-color: #dedede; } .button-hover[plain] { color: rgba(53, 53, 53, 0.6); border-color: rgba(53, 53, 53, 0.6); background-color: transparent; } .button-hover[type='primary'] { color: rgba(255, 255, 255, 0.6); background-color: #0062cc; } .button-hover[type='primary'][plain] { color: rgba(26, 173, 25, 0.6); border-color: rgba(26, 173, 25, 0.6); background-color: transparent; } .button-hover[type='default'] { color: rgba(0, 0, 0, 0.6); background-color: #dedede; } .button-hover[type='default'][plain] { color: rgba(53, 53, 53, 0.6); border-color: rgba(53, 53, 53, 0.6); background-color: transparent; } .button-hover[type='warn'] { color: rgba(255, 255, 255, 0.6); background-color: #ce3c39; } .button-hover[type='warn'][plain] { color: rgba(230, 67, 64, 0.6); border-color: rgba(230, 67, 64, 0.6); background-color: transparent; }