sl-express/project-wl-yonghuduan-uniapp-vue3/unpackage/dist/dev/app-plus/app.css

3151 lines
83 KiB
CSS
Raw Normal View History

2023-09-04 16:40:17 +08:00
*{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:#fff}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,0)}to{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}@keyframes once-show{0%{top:0}}uni-resize-sensor,uni-resize-sensor>div{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}uni-resize-sensor{display:block;z-index:-1;visibility:hidden;animation:once-show 1ms}uni-resize-sensor>div>div{position:absolute;left:0;top:0}uni-resize-sensor>div:first-child>div{width:100000px;height:100000px}uni-resize-sensor>div:last-child>div{width:200%;height:200%}uni-text[selectable]{cursor:auto;-webkit-user-select:text;user-select:text}uni-text{white-space:pre-line}uni-view{display:block}uni-view[hidden]{display:none}uni-button{position:relative;displ
/* 水平间距 */
/* 水平间距 */
/*每个页面公共css */
/* 水平间距 */
:root {
--essential-color-red:#EF4F3F;
--assist-color-green:#27BA9B;
--assist-color-orange:#E19A30;
--assist-color-orange:#FF4C4C;
--neutral-color-main:#2A2929;
--neutral-color-border:#D9D9D9;
--neutral-color-font:#818181;
--neutral-color-segmentation:#EEEEEE;
--neutral-color-white:#FFFFFF;
--neutral-color-placeholder:#C2C1C1;
--neutral-color-background:#F4F4F4;
--font-size-16:1rem;
--font-size-14:0.875rem;
--font-size-13:0.8125rem;
--font-size-12:0.75rem;
}
.uni-border {
border: 1px #F0F0F0 solid;
}
.uni-primary {
color: #2979ff;
}
.uni-primary-bg {
background-color: #2979ff;
}
.uni-primary-disable {
color: #94bcff;
}
.uni-primary-disable-bg {
background-color: #94bcff;
}
.uni-primary-light {
color: #d4e4ff;
}
.uni-primary-light-bg {
background-color: #d4e4ff;
}
.uni-success {
color: #18bc37;
}
.uni-success-bg {
background-color: #18bc37;
}
.uni-success-disable {
color: #8cde9b;
}
.uni-success-disable-bg {
background-color: #8cde9b;
}
.uni-success-light {
color: #d1f2d7;
}
.uni-success-light-bg {
background-color: #d1f2d7;
}
.uni-warning {
color: #f3a73f;
}
.uni-warning-bg {
background-color: #f3a73f;
}
.uni-warning-disable {
color: #f9d39f;
}
.uni-warning-disable-bg {
background-color: #f9d39f;
}
.uni-warning-light {
color: #fdedd9;
}
.uni-warning-light-bg {
background-color: #fdedd9;
}
.uni-error {
color: #e43d33;
}
.uni-error-bg {
background-color: #e43d33;
}
.uni-error-disable {
color: #f29e99;
}
.uni-error-disable-bg {
background-color: #f29e99;
}
.uni-error-light {
color: #fad8d6;
}
.uni-error-light-bg {
background-color: #fad8d6;
}
.uni-info {
color: #8f939c;
}
.uni-info-bg {
background-color: #8f939c;
}
.uni-info-disable {
color: #c7c9ce;
}
.uni-info-disable-bg {
background-color: #c7c9ce;
}
.uni-info-light {
color: #e9e9eb;
}
.uni-info-light-bg {
background-color: #e9e9eb;
}
.uni-main-color {
color: #3a3a3a;
}
.uni-main-color-bg {
background-color: #3a3a3a;
}
.uni-base-color {
color: #6a6a6a;
}
.uni-base-color-bg {
background-color: #6a6a6a;
}
.uni-secondary-color {
color: #909399;
}
.uni-secondary-color-bg {
background-color: #909399;
}
.uni-extra-color {
color: #c7c7c7;
}
.uni-extra-color-bg {
background-color: #c7c7c7;
}
.uni-bg-color {
color: #f7f7f7;
}
.uni-bg-color-bg {
background-color: #f7f7f7;
}
.uni-border-1 {
color: #F0F0F0;
}
.uni-border-1-bg {
background-color: #F0F0F0;
}
.uni-border-2 {
color: #EDEDED;
}
.uni-border-2-bg {
background-color: #EDEDED;
}
.uni-border-3 {
color: #DCDCDC;
}
.uni-border-3-bg {
background-color: #DCDCDC;
}
.uni-border-4 {
color: #B9B9B9;
}
.uni-border-4-bg {
background-color: #B9B9B9;
}
.uni-black {
color: #000000;
}
.uni-black-bg {
background-color: #000000;
}
.uni-white {
color: #ffffff;
}
.uni-white-bg {
background-color: #ffffff;
}
.uni-transparent {
color: rgba(0, 0, 0, 0);
}
.uni-transparent-bg {
background-color: rgba(0, 0, 0, 0);
}
.uni-shadow-sm {
box-shadow: 0 0 5px rgba(216, 216, 216, 0.5);
}
.uni-shadow-base {
box-shadow: 0 1px 8px 1px rgba(165, 165, 165, 0.2);
}
.uni-shadow-lg {
box-shadow: 0px 1px 10px 2px rgba(165, 164, 164, 0.5);
}
.uni-mask {
background-color: rgba(0, 0, 0, 0.4);
}
.uni-mt-0 {
margin-top: 0px;
}
.uni-mt-n0 {
margin-top: 0px;
}
.uni-mr-0 {
margin-right: 0px;
}
.uni-mr-n0 {
margin-right: 0px;
}
.uni-mb-0 {
margin-bottom: 0px;
}
.uni-mb-n0 {
margin-bottom: 0px;
}
.uni-ml-0 {
margin-left: 0px;
}
.uni-ml-n0 {
margin-left: 0px;
}
.uni-mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.uni-mx-n0 {
margin-left: 0px;
margin-right: 0px;
}
.uni-my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.uni-my-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
.uni-ma-0 {
margin: 0px;
}
.uni-ma-n0 {
margin: 0px;
}
.uni-mt-1 {
margin-top: 2px;
}
.uni-mt-n1 {
margin-top: -2px;
}
.uni-mr-1 {
margin-right: 2px;
}
.uni-mr-n1 {
margin-right: -2px;
}
.uni-mb-1 {
margin-bottom: 2px;
}
.uni-mb-n1 {
margin-bottom: -2px;
}
.uni-ml-1 {
margin-left: 2px;
}
.uni-ml-n1 {
margin-left: -2px;
}
.uni-mx-1 {
margin-left: 2px;
margin-right: 2px;
}
.uni-mx-n1 {
margin-left: -2px;
margin-right: -2px;
}
.uni-my-1 {
margin-top: 2px;
margin-bottom: 2px;
}
.uni-my-n1 {
margin-top: -2px;
margin-bottom: -2px;
}
.uni-ma-1 {
margin: 2px;
}
.uni-ma-n1 {
margin: -2px;
}
.uni-mt-2 {
margin-top: 4px;
}
.uni-mt-n2 {
margin-top: -4px;
}
.uni-mr-2 {
margin-right: 4px;
}
.uni-mr-n2 {
margin-right: -4px;
}
.uni-mb-2 {
margin-bottom: 4px;
}
.uni-mb-n2 {
margin-bottom: -4px;
}
.uni-ml-2 {
margin-left: 4px;
}
.uni-ml-n2 {
margin-left: -4px;
}
.uni-mx-2 {
margin-left: 4px;
margin-right: 4px;
}
.uni-mx-n2 {
margin-left: -4px;
margin-right: -4px;
}
.uni-my-2 {
margin-top: 4px;
margin-bottom: 4px;
}
.uni-my-n2 {
margin-top: -4px;
margin-bottom: -4px;
}
.uni-ma-2 {
margin: 4px;
}
.uni-ma-n2 {
margin: -4px;
}
.uni-mt-3 {
margin-top: 6px;
}
.uni-mt-n3 {
margin-top: -6px;
}
.uni-mr-3 {
margin-right: 6px;
}
.uni-mr-n3 {
margin-right: -6px;
}
.uni-mb-3 {
margin-bottom: 6px;
}
.uni-mb-n3 {
margin-bottom: -6px;
}
.uni-ml-3 {
margin-left: 6px;
}
.uni-ml-n3 {
margin-left: -6px;
}
.uni-mx-3 {
margin-left: 6px;
margin-right: 6px;
}
.uni-mx-n3 {
margin-left: -6px;
margin-right: -6px;
}
.uni-my-3 {
margin-top: 6px;
margin-bottom: 6px;
}
.uni-my-n3 {
margin-top: -6px;
margin-bottom: -6px;
}
.uni-ma-3 {
margin: 6px;
}
.uni-ma-n3 {
margin: -6px;
}
.uni-mt-4 {
margin-top: 8px;
}
.uni-mt-n4 {
margin-top: -8px;
}
.uni-mr-4 {
margin-right: 8px;
}
.uni-mr-n4 {
margin-right: -8px;
}
.uni-mb-4 {
margin-bottom: 8px;
}
.uni-mb-n4 {
margin-bottom: -8px;
}
.uni-ml-4 {
margin-left: 8px;
}
.uni-ml-n4 {
margin-left: -8px;
}
.uni-mx-4 {
margin-left: 8px;
margin-right: 8px;
}
.uni-mx-n4 {
margin-left: -8px;
margin-right: -8px;
}
.uni-my-4 {
margin-top: 8px;
margin-bottom: 8px;
}
.uni-my-n4 {
margin-top: -8px;
margin-bottom: -8px;
}
.uni-ma-4 {
margin: 8px;
}
.uni-ma-n4 {
margin: -8px;
}
.uni-mt-5 {
margin-top: 10px;
}
.uni-mt-n5 {
margin-top: -10px;
}
.uni-mr-5 {
margin-right: 10px;
}
.uni-mr-n5 {
margin-right: -10px;
}
.uni-mb-5 {
margin-bottom: 10px;
}
.uni-mb-n5 {
margin-bottom: -10px;
}
.uni-ml-5 {
margin-left: 10px;
}
.uni-ml-n5 {
margin-left: -10px;
}
.uni-mx-5 {
margin-left: 10px;
margin-right: 10px;
}
.uni-mx-n5 {
margin-left: -10px;
margin-right: -10px;
}
.uni-my-5 {
margin-top: 10px;
margin-bottom: 10px;
}
.uni-my-n5 {
margin-top: -10px;
margin-bottom: -10px;
}
.uni-ma-5 {
margin: 10px;
}
.uni-ma-n5 {
margin: -10px;
}
.uni-mt-6 {
margin-top: 12px;
}
.uni-mt-n6 {
margin-top: -12px;
}
.uni-mr-6 {
margin-right: 12px;
}
.uni-mr-n6 {
margin-right: -12px;
}
.uni-mb-6 {
margin-bottom: 12px;
}
.uni-mb-n6 {
margin-bottom: -12px;
}
.uni-ml-6 {
margin-left: 12px;
}
.uni-ml-n6 {
margin-left: -12px;
}
.uni-mx-6 {
margin-left: 12px;
margin-right: 12px;
}
.uni-mx-n6 {
margin-left: -12px;
margin-right: -12px;
}
.uni-my-6 {
margin-top: 12px;
margin-bottom: 12px;
}
.uni-my-n6 {
margin-top: -12px;
margin-bottom: -12px;
}
.uni-ma-6 {
margin: 12px;
}
.uni-ma-n6 {
margin: -12px;
}
.uni-mt-7 {
margin-top: 14px;
}
.uni-mt-n7 {
margin-top: -14px;
}
.uni-mr-7 {
margin-right: 14px;
}
.uni-mr-n7 {
margin-right: -14px;
}
.uni-mb-7 {
margin-bottom: 14px;
}
.uni-mb-n7 {
margin-bottom: -14px;
}
.uni-ml-7 {
margin-left: 14px;
}
.uni-ml-n7 {
margin-left: -14px;
}
.uni-mx-7 {
margin-left: 14px;
margin-right: 14px;
}
.uni-mx-n7 {
margin-left: -14px;
margin-right: -14px;
}
.uni-my-7 {
margin-top: 14px;
margin-bottom: 14px;
}
.uni-my-n7 {
margin-top: -14px;
margin-bottom: -14px;
}
.uni-ma-7 {
margin: 14px;
}
.uni-ma-n7 {
margin: -14px;
}
.uni-mt-8 {
margin-top: 16px;
}
.uni-mt-n8 {
margin-top: -16px;
}
.uni-mr-8 {
margin-right: 16px;
}
.uni-mr-n8 {
margin-right: -16px;
}
.uni-mb-8 {
margin-bottom: 16px;
}
.uni-mb-n8 {
margin-bottom: -16px;
}
.uni-ml-8 {
margin-left: 16px;
}
.uni-ml-n8 {
margin-left: -16px;
}
.uni-mx-8 {
margin-left: 16px;
margin-right: 16px;
}
.uni-mx-n8 {
margin-left: -16px;
margin-right: -16px;
}
.uni-my-8 {
margin-top: 16px;
margin-bottom: 16px;
}
.uni-my-n8 {
margin-top: -16px;
margin-bottom: -16px;
}
.uni-ma-8 {
margin: 16px;
}
.uni-ma-n8 {
margin: -16px;
}
.uni-mt-9 {
margin-top: 18px;
}
.uni-mt-n9 {
margin-top: -18px;
}
.uni-mr-9 {
margin-right: 18px;
}
.uni-mr-n9 {
margin-right: -18px;
}
.uni-mb-9 {
margin-bottom: 18px;
}
.uni-mb-n9 {
margin-bottom: -18px;
}
.uni-ml-9 {
margin-left: 18px;
}
.uni-ml-n9 {
margin-left: -18px;
}
.uni-mx-9 {
margin-left: 18px;
margin-right: 18px;
}
.uni-mx-n9 {
margin-left: -18px;
margin-right: -18px;
}
.uni-my-9 {
margin-top: 18px;
margin-bottom: 18px;
}
.uni-my-n9 {
margin-top: -18px;
margin-bottom: -18px;
}
.uni-ma-9 {
margin: 18px;
}
.uni-ma-n9 {
margin: -18px;
}
.uni-mt-10 {
margin-top: 20px;
}
.uni-mt-n10 {
margin-top: -20px;
}
.uni-mr-10 {
margin-right: 20px;
}
.uni-mr-n10 {
margin-right: -20px;
}
.uni-mb-10 {
margin-bottom: 20px;
}
.uni-mb-n10 {
margin-bottom: -20px;
}
.uni-ml-10 {
margin-left: 20px;
}
.uni-ml-n10 {
margin-left: -20px;
}
.uni-mx-10 {
margin-left: 20px;
margin-right: 20px;
}
.uni-mx-n10 {
margin-left: -20px;
margin-right: -20px;
}
.uni-my-10 {
margin-top: 20px;
margin-bottom: 20px;
}
.uni-my-n10 {
margin-top: -20px;
margin-bottom: -20px;
}
.uni-ma-10 {
margin: 20px;
}
.uni-ma-n10 {
margin: -20px;
}
.uni-mt-11 {
margin-top: 22px;
}
.uni-mt-n11 {
margin-top: -22px;
}
.uni-mr-11 {
margin-right: 22px;
}
.uni-mr-n11 {
margin-right: -22px;
}
.uni-mb-11 {
margin-bottom: 22px;
}
.uni-mb-n11 {
margin-bottom: -22px;
}
.uni-ml-11 {
margin-left: 22px;
}
.uni-ml-n11 {
margin-left: -22px;
}
.uni-mx-11 {
margin-left: 22px;
margin-right: 22px;
}
.uni-mx-n11 {
margin-left: -22px;
margin-right: -22px;
}
.uni-my-11 {
margin-top: 22px;
margin-bottom: 22px;
}
.uni-my-n11 {
margin-top: -22px;
margin-bottom: -22px;
}
.uni-ma-11 {
margin: 22px;
}
.uni-ma-n11 {
margin: -22px;
}
.uni-mt-12 {
margin-top: 24px;
}
.uni-mt-n12 {
margin-top: -24px;
}
.uni-mr-12 {
margin-right: 24px;
}
.uni-mr-n12 {
margin-right: -24px;
}
.uni-mb-12 {
margin-bottom: 24px;
}
.uni-mb-n12 {
margin-bottom: -24px;
}
.uni-ml-12 {
margin-left: 24px;
}
.uni-ml-n12 {
margin-left: -24px;
}
.uni-mx-12 {
margin-left: 24px;
margin-right: 24px;
}
.uni-mx-n12 {
margin-left: -24px;
margin-right: -24px;
}
.uni-my-12 {
margin-top: 24px;
margin-bottom: 24px;
}
.uni-my-n12 {
margin-top: -24px;
margin-bottom: -24px;
}
.uni-ma-12 {
margin: 24px;
}
.uni-ma-n12 {
margin: -24px;
}
.uni-mt-13 {
margin-top: 26px;
}
.uni-mt-n13 {
margin-top: -26px;
}
.uni-mr-13 {
margin-right: 26px;
}
.uni-mr-n13 {
margin-right: -26px;
}
.uni-mb-13 {
margin-bottom: 26px;
}
.uni-mb-n13 {
margin-bottom: -26px;
}
.uni-ml-13 {
margin-left: 26px;
}
.uni-ml-n13 {
margin-left: -26px;
}
.uni-mx-13 {
margin-left: 26px;
margin-right: 26px;
}
.uni-mx-n13 {
margin-left: -26px;
margin-right: -26px;
}
.uni-my-13 {
margin-top: 26px;
margin-bottom: 26px;
}
.uni-my-n13 {
margin-top: -26px;
margin-bottom: -26px;
}
.uni-ma-13 {
margin: 26px;
}
.uni-ma-n13 {
margin: -26px;
}
.uni-mt-14 {
margin-top: 28px;
}
.uni-mt-n14 {
margin-top: -28px;
}
.uni-mr-14 {
margin-right: 28px;
}
.uni-mr-n14 {
margin-right: -28px;
}
.uni-mb-14 {
margin-bottom: 28px;
}
.uni-mb-n14 {
margin-bottom: -28px;
}
.uni-ml-14 {
margin-left: 28px;
}
.uni-ml-n14 {
margin-left: -28px;
}
.uni-mx-14 {
margin-left: 28px;
margin-right: 28px;
}
.uni-mx-n14 {
margin-left: -28px;
margin-right: -28px;
}
.uni-my-14 {
margin-top: 28px;
margin-bottom: 28px;
}
.uni-my-n14 {
margin-top: -28px;
margin-bottom: -28px;
}
.uni-ma-14 {
margin: 28px;
}
.uni-ma-n14 {
margin: -28px;
}
.uni-mt-15 {
margin-top: 30px;
}
.uni-mt-n15 {
margin-top: -30px;
}
.uni-mr-15 {
margin-right: 30px;
}
.uni-mr-n15 {
margin-right: -30px;
}
.uni-mb-15 {
margin-bottom: 30px;
}
.uni-mb-n15 {
margin-bottom: -30px;
}
.uni-ml-15 {
margin-left: 30px;
}
.uni-ml-n15 {
margin-left: -30px;
}
.uni-mx-15 {
margin-left: 30px;
margin-right: 30px;
}
.uni-mx-n15 {
margin-left: -30px;
margin-right: -30px;
}
.uni-my-15 {
margin-top: 30px;
margin-bottom: 30px;
}
.uni-my-n15 {
margin-top: -30px;
margin-bottom: -30px;
}
.uni-ma-15 {
margin: 30px;
}
.uni-ma-n15 {
margin: -30px;
}
.uni-mt-16 {
margin-top: 32px;
}
.uni-mt-n16 {
margin-top: -32px;
}
.uni-mr-16 {
margin-right: 32px;
}
.uni-mr-n16 {
margin-right: -32px;
}
.uni-mb-16 {
margin-bottom: 32px;
}
.uni-mb-n16 {
margin-bottom: -32px;
}
.uni-ml-16 {
margin-left: 32px;
}
.uni-ml-n16 {
margin-left: -32px;
}
.uni-mx-16 {
margin-left: 32px;
margin-right: 32px;
}
.uni-mx-n16 {
margin-left: -32px;
margin-right: -32px;
}
.uni-my-16 {
margin-top: 32px;
margin-bottom: 32px;
}
.uni-my-n16 {
margin-top: -32px;
margin-bottom: -32px;
}
.uni-ma-16 {
margin: 32px;
}
.uni-ma-n16 {
margin: -32px;
}
.uni-pt-0 {
padding-top: 0px;
}
.uni-pt-n0 {
padding-top: 0px;
}
.uni-pr-0 {
padding-right: 0px;
}
.uni-pr-n0 {
padding-right: 0px;
}
.uni-pb-0 {
padding-bottom: 0px;
}
.uni-pb-n0 {
padding-bottom: 0px;
}
.uni-pl-0 {
padding-left: 0px;
}
.uni-pl-n0 {
padding-left: 0px;
}
.uni-px-0 {
padding-left: 0px;
padding-right: 0px;
}
.uni-px-n0 {
padding-left: 0px;
padding-right: 0px;
}
.uni-py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.uni-py-n0 {
padding-top: 0px;
padding-bottom: 0px;
}
.uni-pa-0 {
padding: 0px;
}
.uni-pa-n0 {
padding: 0px;
}
.uni-pt-1 {
padding-top: 2px;
}
.uni-pt-n1 {
padding-top: -2px;
}
.uni-pr-1 {
padding-right: 2px;
}
.uni-pr-n1 {
padding-right: -2px;
}
.uni-pb-1 {
padding-bottom: 2px;
}
.uni-pb-n1 {
padding-bottom: -2px;
}
.uni-pl-1 {
padding-left: 2px;
}
.uni-pl-n1 {
padding-left: -2px;
}
.uni-px-1 {
padding-left: 2px;
padding-right: 2px;
}
.uni-px-n1 {
padding-left: -2px;
padding-right: -2px;
}
.uni-py-1 {
padding-top: 2px;
padding-bottom: 2px;
}
.uni-py-n1 {
padding-top: -2px;
padding-bottom: -2px;
}
.uni-pa-1 {
padding: 2px;
}
.uni-pa-n1 {
padding: -2px;
}
.uni-pt-2 {
padding-top: 4px;
}
.uni-pt-n2 {
padding-top: -4px;
}
.uni-pr-2 {
padding-right: 4px;
}
.uni-pr-n2 {
padding-right: -4px;
}
.uni-pb-2 {
padding-bottom: 4px;
}
.uni-pb-n2 {
padding-bottom: -4px;
}
.uni-pl-2 {
padding-left: 4px;
}
.uni-pl-n2 {
padding-left: -4px;
}
.uni-px-2 {
padding-left: 4px;
padding-right: 4px;
}
.uni-px-n2 {
padding-left: -4px;
padding-right: -4px;
}
.uni-py-2 {
padding-top: 4px;
padding-bottom: 4px;
}
.uni-py-n2 {
padding-top: -4px;
padding-bottom: -4px;
}
.uni-pa-2 {
padding: 4px;
}
.uni-pa-n2 {
padding: -4px;
}
.uni-pt-3 {
padding-top: 6px;
}
.uni-pt-n3 {
padding-top: -6px;
}
.uni-pr-3 {
padding-right: 6px;
}
.uni-pr-n3 {
padding-right: -6px;
}
.uni-pb-3 {
padding-bottom: 6px;
}
.uni-pb-n3 {
padding-bottom: -6px;
}
.uni-pl-3 {
padding-left: 6px;
}
.uni-pl-n3 {
padding-left: -6px;
}
.uni-px-3 {
padding-left: 6px;
padding-right: 6px;
}
.uni-px-n3 {
padding-left: -6px;
padding-right: -6px;
}
.uni-py-3 {
padding-top: 6px;
padding-bottom: 6px;
}
.uni-py-n3 {
padding-top: -6px;
padding-bottom: -6px;
}
.uni-pa-3 {
padding: 6px;
}
.uni-pa-n3 {
padding: -6px;
}
.uni-pt-4 {
padding-top: 8px;
}
.uni-pt-n4 {
padding-top: -8px;
}
.uni-pr-4 {
padding-right: 8px;
}
.uni-pr-n4 {
padding-right: -8px;
}
.uni-pb-4 {
padding-bottom: 8px;
}
.uni-pb-n4 {
padding-bottom: -8px;
}
.uni-pl-4 {
padding-left: 8px;
}
.uni-pl-n4 {
padding-left: -8px;
}
.uni-px-4 {
padding-left: 8px;
padding-right: 8px;
}
.uni-px-n4 {
padding-left: -8px;
padding-right: -8px;
}
.uni-py-4 {
padding-top: 8px;
padding-bottom: 8px;
}
.uni-py-n4 {
padding-top: -8px;
padding-bottom: -8px;
}
.uni-pa-4 {
padding: 8px;
}
.uni-pa-n4 {
padding: -8px;
}
.uni-pt-5 {
padding-top: 10px;
}
.uni-pt-n5 {
padding-top: -10px;
}
.uni-pr-5 {
padding-right: 10px;
}
.uni-pr-n5 {
padding-right: -10px;
}
.uni-pb-5 {
padding-bottom: 10px;
}
.uni-pb-n5 {
padding-bottom: -10px;
}
.uni-pl-5 {
padding-left: 10px;
}
.uni-pl-n5 {
padding-left: -10px;
}
.uni-px-5 {
padding-left: 10px;
padding-right: 10px;
}
.uni-px-n5 {
padding-left: -10px;
padding-right: -10px;
}
.uni-py-5 {
padding-top: 10px;
padding-bottom: 10px;
}
.uni-py-n5 {
padding-top: -10px;
padding-bottom: -10px;
}
.uni-pa-5 {
padding: 10px;
}
.uni-pa-n5 {
padding: -10px;
}
.uni-pt-6 {
padding-top: 12px;
}
.uni-pt-n6 {
padding-top: -12px;
}
.uni-pr-6 {
padding-right: 12px;
}
.uni-pr-n6 {
padding-right: -12px;
}
.uni-pb-6 {
padding-bottom: 12px;
}
.uni-pb-n6 {
padding-bottom: -12px;
}
.uni-pl-6 {
padding-left: 12px;
}
.uni-pl-n6 {
padding-left: -12px;
}
.uni-px-6 {
padding-left: 12px;
padding-right: 12px;
}
.uni-px-n6 {
padding-left: -12px;
padding-right: -12px;
}
.uni-py-6 {
padding-top: 12px;
padding-bottom: 12px;
}
.uni-py-n6 {
padding-top: -12px;
padding-bottom: -12px;
}
.uni-pa-6 {
padding: 12px;
}
.uni-pa-n6 {
padding: -12px;
}
.uni-pt-7 {
padding-top: 14px;
}
.uni-pt-n7 {
padding-top: -14px;
}
.uni-pr-7 {
padding-right: 14px;
}
.uni-pr-n7 {
padding-right: -14px;
}
.uni-pb-7 {
padding-bottom: 14px;
}
.uni-pb-n7 {
padding-bottom: -14px;
}
.uni-pl-7 {
padding-left: 14px;
}
.uni-pl-n7 {
padding-left: -14px;
}
.uni-px-7 {
padding-left: 14px;
padding-right: 14px;
}
.uni-px-n7 {
padding-left: -14px;
padding-right: -14px;
}
.uni-py-7 {
padding-top: 14px;
padding-bottom: 14px;
}
.uni-py-n7 {
padding-top: -14px;
padding-bottom: -14px;
}
.uni-pa-7 {
padding: 14px;
}
.uni-pa-n7 {
padding: -14px;
}
.uni-pt-8 {
padding-top: 16px;
}
.uni-pt-n8 {
padding-top: -16px;
}
.uni-pr-8 {
padding-right: 16px;
}
.uni-pr-n8 {
padding-right: -16px;
}
.uni-pb-8 {
padding-bottom: 16px;
}
.uni-pb-n8 {
padding-bottom: -16px;
}
.uni-pl-8 {
padding-left: 16px;
}
.uni-pl-n8 {
padding-left: -16px;
}
.uni-px-8 {
padding-left: 16px;
padding-right: 16px;
}
.uni-px-n8 {
padding-left: -16px;
padding-right: -16px;
}
.uni-py-8 {
padding-top: 16px;
padding-bottom: 16px;
}
.uni-py-n8 {
padding-top: -16px;
padding-bottom: -16px;
}
.uni-pa-8 {
padding: 16px;
}
.uni-pa-n8 {
padding: -16px;
}
.uni-pt-9 {
padding-top: 18px;
}
.uni-pt-n9 {
padding-top: -18px;
}
.uni-pr-9 {
padding-right: 18px;
}
.uni-pr-n9 {
padding-right: -18px;
}
.uni-pb-9 {
padding-bottom: 18px;
}
.uni-pb-n9 {
padding-bottom: -18px;
}
.uni-pl-9 {
padding-left: 18px;
}
.uni-pl-n9 {
padding-left: -18px;
}
.uni-px-9 {
padding-left: 18px;
padding-right: 18px;
}
.uni-px-n9 {
padding-left: -18px;
padding-right: -18px;
}
.uni-py-9 {
padding-top: 18px;
padding-bottom: 18px;
}
.uni-py-n9 {
padding-top: -18px;
padding-bottom: -18px;
}
.uni-pa-9 {
padding: 18px;
}
.uni-pa-n9 {
padding: -18px;
}
.uni-pt-10 {
padding-top: 20px;
}
.uni-pt-n10 {
padding-top: -20px;
}
.uni-pr-10 {
padding-right: 20px;
}
.uni-pr-n10 {
padding-right: -20px;
}
.uni-pb-10 {
padding-bottom: 20px;
}
.uni-pb-n10 {
padding-bottom: -20px;
}
.uni-pl-10 {
padding-left: 20px;
}
.uni-pl-n10 {
padding-left: -20px;
}
.uni-px-10 {
padding-left: 20px;
padding-right: 20px;
}
.uni-px-n10 {
padding-left: -20px;
padding-right: -20px;
}
.uni-py-10 {
padding-top: 20px;
padding-bottom: 20px;
}
.uni-py-n10 {
padding-top: -20px;
padding-bottom: -20px;
}
.uni-pa-10 {
padding: 20px;
}
.uni-pa-n10 {
padding: -20px;
}
.uni-pt-11 {
padding-top: 22px;
}
.uni-pt-n11 {
padding-top: -22px;
}
.uni-pr-11 {
padding-right: 22px;
}
.uni-pr-n11 {
padding-right: -22px;
}
.uni-pb-11 {
padding-bottom: 22px;
}
.uni-pb-n11 {
padding-bottom: -22px;
}
.uni-pl-11 {
padding-left: 22px;
}
.uni-pl-n11 {
padding-left: -22px;
}
.uni-px-11 {
padding-left: 22px;
padding-right: 22px;
}
.uni-px-n11 {
padding-left: -22px;
padding-right: -22px;
}
.uni-py-11 {
padding-top: 22px;
padding-bottom: 22px;
}
.uni-py-n11 {
padding-top: -22px;
padding-bottom: -22px;
}
.uni-pa-11 {
padding: 22px;
}
.uni-pa-n11 {
padding: -22px;
}
.uni-pt-12 {
padding-top: 24px;
}
.uni-pt-n12 {
padding-top: -24px;
}
.uni-pr-12 {
padding-right: 24px;
}
.uni-pr-n12 {
padding-right: -24px;
}
.uni-pb-12 {
padding-bottom: 24px;
}
.uni-pb-n12 {
padding-bottom: -24px;
}
.uni-pl-12 {
padding-left: 24px;
}
.uni-pl-n12 {
padding-left: -24px;
}
.uni-px-12 {
padding-left: 24px;
padding-right: 24px;
}
.uni-px-n12 {
padding-left: -24px;
padding-right: -24px;
}
.uni-py-12 {
padding-top: 24px;
padding-bottom: 24px;
}
.uni-py-n12 {
padding-top: -24px;
padding-bottom: -24px;
}
.uni-pa-12 {
padding: 24px;
}
.uni-pa-n12 {
padding: -24px;
}
.uni-pt-13 {
padding-top: 26px;
}
.uni-pt-n13 {
padding-top: -26px;
}
.uni-pr-13 {
padding-right: 26px;
}
.uni-pr-n13 {
padding-right: -26px;
}
.uni-pb-13 {
padding-bottom: 26px;
}
.uni-pb-n13 {
padding-bottom: -26px;
}
.uni-pl-13 {
padding-left: 26px;
}
.uni-pl-n13 {
padding-left: -26px;
}
.uni-px-13 {
padding-left: 26px;
padding-right: 26px;
}
.uni-px-n13 {
padding-left: -26px;
padding-right: -26px;
}
.uni-py-13 {
padding-top: 26px;
padding-bottom: 26px;
}
.uni-py-n13 {
padding-top: -26px;
padding-bottom: -26px;
}
.uni-pa-13 {
padding: 26px;
}
.uni-pa-n13 {
padding: -26px;
}
.uni-pt-14 {
padding-top: 28px;
}
.uni-pt-n14 {
padding-top: -28px;
}
.uni-pr-14 {
padding-right: 28px;
}
.uni-pr-n14 {
padding-right: -28px;
}
.uni-pb-14 {
padding-bottom: 28px;
}
.uni-pb-n14 {
padding-bottom: -28px;
}
.uni-pl-14 {
padding-left: 28px;
}
.uni-pl-n14 {
padding-left: -28px;
}
.uni-px-14 {
padding-left: 28px;
padding-right: 28px;
}
.uni-px-n14 {
padding-left: -28px;
padding-right: -28px;
}
.uni-py-14 {
padding-top: 28px;
padding-bottom: 28px;
}
.uni-py-n14 {
padding-top: -28px;
padding-bottom: -28px;
}
.uni-pa-14 {
padding: 28px;
}
.uni-pa-n14 {
padding: -28px;
}
.uni-pt-15 {
padding-top: 30px;
}
.uni-pt-n15 {
padding-top: -30px;
}
.uni-pr-15 {
padding-right: 30px;
}
.uni-pr-n15 {
padding-right: -30px;
}
.uni-pb-15 {
padding-bottom: 30px;
}
.uni-pb-n15 {
padding-bottom: -30px;
}
.uni-pl-15 {
padding-left: 30px;
}
.uni-pl-n15 {
padding-left: -30px;
}
.uni-px-15 {
padding-left: 30px;
padding-right: 30px;
}
.uni-px-n15 {
padding-left: -30px;
padding-right: -30px;
}
.uni-py-15 {
padding-top: 30px;
padding-bottom: 30px;
}
.uni-py-n15 {
padding-top: -30px;
padding-bottom: -30px;
}
.uni-pa-15 {
padding: 30px;
}
.uni-pa-n15 {
padding: -30px;
}
.uni-pt-16 {
padding-top: 32px;
}
.uni-pt-n16 {
padding-top: -32px;
}
.uni-pr-16 {
padding-right: 32px;
}
.uni-pr-n16 {
padding-right: -32px;
}
.uni-pb-16 {
padding-bottom: 32px;
}
.uni-pb-n16 {
padding-bottom: -32px;
}
.uni-pl-16 {
padding-left: 32px;
}
.uni-pl-n16 {
padding-left: -32px;
}
.uni-px-16 {
padding-left: 32px;
padding-right: 32px;
}
.uni-px-n16 {
padding-left: -32px;
padding-right: -32px;
}
.uni-py-16 {
padding-top: 32px;
padding-bottom: 32px;
}
.uni-py-n16 {
padding-top: -32px;
padding-bottom: -32px;
}
.uni-pa-16 {
padding: 32px;
}
.uni-pa-n16 {
padding: -32px;
}
.uni-radius-0 {
border-radius: 0;
}
.uni-radius {
border-radius: 5px;
}
.uni-radius-lg {
border-radius: 10px;
}
.uni-radius-xl {
border-radius: 30px;
}
.uni-radius-pill {
border-radius: 9999px;
}
.uni-radius-circle {
border-radius: 50%;
}
.uni-radius-t-0 {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.uni-radius-t {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.uni-radius-t-lg {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.uni-radius-t-xl {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.uni-radius-t-pill {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
}
.uni-radius-t-circle {
border-top-left-radius: 50%;
border-top-right-radius: 50%;
}
.uni-radius-r-0 {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.uni-radius-r {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.uni-radius-r-lg {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.uni-radius-r-xl {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.uni-radius-r-pill {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
.uni-radius-r-circle {
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.uni-radius-b-0 {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.uni-radius-b {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.uni-radius-b-lg {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.uni-radius-b-xl {
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.uni-radius-b-pill {
border-bottom-left-radius: 9999px;
border-bottom-right-radius: 9999px;
}
.uni-radius-b-circle {
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.uni-radius-l-0 {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.uni-radius-l {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.uni-radius-l-lg {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.uni-radius-l-xl {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.uni-radius-l-pill {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.uni-radius-l-circle {
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.uni-radius-tl-0 {
border-top-left-radius: 0;
}
.uni-radius-tl {
border-top-left-radius: 5px;
}
.uni-radius-tl-lg {
border-top-left-radius: 10px;
}
.uni-radius-tl-xl {
border-top-left-radius: 30px;
}
.uni-radius-tl-pill {
border-top-left-radius: 9999px;
}
.uni-radius-tl-circle {
border-top-left-radius: 50%;
}
.uni-radius-tr-0 {
border-top-right-radius: 0;
}
.uni-radius-tr {
border-top-right-radius: 5px;
}
.uni-radius-tr-lg {
border-top-right-radius: 10px;
}
.uni-radius-tr-xl {
border-top-right-radius: 30px;
}
.uni-radius-tr-pill {
border-top-right-radius: 9999px;
}
.uni-radius-tr-circle {
border-top-right-radius: 50%;
}
.uni-radius-br-0 {
border-bottom-right-radius: 0;
}
.uni-radius-br {
border-bottom-right-radius: 5px;
}
.uni-radius-br-lg {
border-bottom-right-radius: 10px;
}
.uni-radius-br-xl {
border-bottom-right-radius: 30px;
}
.uni-radius-br-pill {
border-bottom-right-radius: 9999px;
}
.uni-radius-br-circle {
border-bottom-right-radius: 50%;
}
.uni-radius-bl-0 {
border-bottom-left-radius: 0;
}
.uni-radius-bl {
border-bottom-left-radius: 5px;
}
.uni-radius-bl-lg {
border-bottom-left-radius: 10px;
}
.uni-radius-bl-xl {
border-bottom-left-radius: 30px;
}
.uni-radius-bl-pill {
border-bottom-left-radius: 9999px;
}
.uni-radius-bl-circle {
border-bottom-left-radius: 50%;
}
.uni-h1 {
font-size: 32px;
font-weight: 300;
line-height: 50px;
}
.uni-h2 {
font-size: 28px;
font-weight: 300;
line-height: 40px;
}
.uni-h3 {
font-size: 24px;
font-weight: 400;
line-height: 32px;
}
.uni-h4 {
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.uni-h5 {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.uni-h6 {
font-size: 14px;
font-weight: 500;
line-height: 18px;
}
.uni-subtitle {
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.uni-body {
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.uni-caption {
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.uni-btn {
margin: 5px;
color: #393939;
border: 1px solid #ccc;
font-size: 16px;
font-weight: 200;
background-color: #F9F9F9;
overflow: visible;
}
.uni-btn::after {
border: none;
}
.uni-btn:not([type]), .uni-btn[type=default] {
color: #999;
}
.uni-btn:not([type])[loading], .uni-btn[type=default][loading] {
background: none;
}
.uni-btn:not([type])[loading]::before, .uni-btn[type=default][loading]::before {
margin-right: 5px;
}
.uni-btn:not([type])[disabled], .uni-btn[type=default][disabled] {
color: #d6d6d6;
}
.uni-btn:not([type])[disabled], .uni-btn:not([type])[disabled][loading], .uni-btn:not([type])[disabled]:active, .uni-btn[type=default][disabled], .uni-btn[type=default][disabled][loading], .uni-btn[type=default][disabled]:active {
color: #d6d6d6;
background-color: #fafafa;
border-color: #f0f0f0;
}
.uni-btn:not([type])[plain], .uni-btn[type=default][plain] {
color: #999;
background: none;
border-color: #F0F0F0;
}
.uni-btn:not([type])[plain]:not([hover-class]):active, .uni-btn[type=default][plain]:not([hover-class]):active {
background: none;
color: #cccccc;
border-color: #e6e6e6;
outline: none;
}
.uni-btn:not([type])[plain][disabled], .uni-btn:not([type])[plain][disabled][loading], .uni-btn:not([type])[plain][disabled]:active, .uni-btn[type=default][plain][disabled], .uni-btn[type=default][plain][disabled][loading], .uni-btn[type=default][plain][disabled]:active {
background: none;
color: #d6d6d6;
border-color: #f0f0f0;
}
.uni-btn:not([hover-class]):active {
color: gray;
}
.uni-btn[size=mini] {
font-size: 16px;
font-weight: 200;
border-radius: 8px;
}
.uni-btn.uni-btn-small {
font-size: 14px;
}
.uni-btn.uni-btn-mini {
font-size: 12px;
}
.uni-btn.uni-btn-radius {
border-radius: 999px;
}
.uni-btn[type=primary] {
color: #fff;
background-color: #2979ff;
border-color: #266feb;
}
.uni-btn[type=primary]:not([hover-class]):active {
background: #256de6;
border-color: #2161cc;
color: #fff;
outline: none;
}
.uni-btn[type=primary][loading] {
color: #fff;
background-color: #2979ff;
border-color: #266feb;
}
.uni-btn[type=primary][loading]:not([hover-class]):active {
background: #256de6;
border-color: #2161cc;
color: #fff;
outline: none;
}
.uni-btn[type=primary][loading]::before {
margin-right: 5px;
}
.uni-btn[type=primary][disabled], .uni-btn[type=primary][disabled][loading], .uni-btn[type=primary][disabled]:not([hover-class]):active {
color: #fff;
border-color: #80aefa;
background-color: #94bcff;
}
.uni-btn[type=primary][plain] {
color: #2979ff;
background-color: #eaf2ff;
border-color: #bfd7ff;
}
.uni-btn[type=primary][plain]:not([hover-class]):active {
background: #d4e4ff;
color: #2979ff;
outline: none;
border-color: #94bcff;
}
.uni-btn[type=primary][plain][loading] {
color: #2979ff;
background-color: #eaf2ff;
border-color: #bfd7ff;
}
.uni-btn[type=primary][plain][loading]:not([hover-class]):active {
background: #d4e4ff;
color: #2979ff;
outline: none;
border-color: #94bcff;
}
.uni-btn[type=primary][plain][loading]::before {
margin-right: 5px;
}
.uni-btn[type=primary][plain][disabled], .uni-btn[type=primary][plain][disabled]:active {
color: #7fafff;
background-color: #eaf2ff;
border-color: #d4e4ff;
}
.uni-btn[type=success] {
color: #fff;
background-color: #18bc37;
border-color: #16ad33;
}
.uni-btn[type=success]:not([hover-class]):active {
background: #16a932;
border-color: #13962c;
color: #fff;
outline: none;
}
.uni-btn[type=success][loading] {
color: #fff;
background-color: #18bc37;
border-color: #16ad33;
}
.uni-btn[type=success][loading]:not([hover-class]):active {
background: #16a932;
border-color: #13962c;
color: #fff;
outline: none;
}
.uni-btn[type=success][loading]::before {
margin-right: 5px;
}
.uni-btn[type=success][disabled], .uni-btn[type=success][disabled][loading], .uni-btn[type=success][disabled]:not([hover-class]):active {
color: #fff;
border-color: #89c795;
background-color: #8cde9b;
}
.uni-btn[type=success][plain] {
color: #18bc37;
background-color: #e8f8eb;
border-color: #baebc3;
}
.uni-btn[type=success][plain]:not([hover-class]):active {
background: #d1f2d7;
color: #18bc37;
outline: none;
border-color: #8cde9b;
}
.uni-btn[type=success][plain][loading] {
color: #18bc37;
background-color: #e8f8eb;
border-color: #baebc3;
}
.uni-btn[type=success][plain][loading]:not([hover-class]):active {
background: #d1f2d7;
color: #18bc37;
outline: none;
border-color: #8cde9b;
}
.uni-btn[type=success][plain][loading]::before {
margin-right: 5px;
}
.uni-btn[type=success][plain][disabled], .uni-btn[type=success][plain][disabled]:active {
color: #74d787;
background-color: #e8f8eb;
border-color: #d1f2d7;
}
.uni-btn[type=error] {
color: #fff;
background-color: #e43d33;
border-color: #d2382f;
}
.uni-btn[type=error]:not([hover-class]):active {
background: #cd372e;
border-color: #b63129;
color: #fff;
outline: none;
}
.uni-btn[type=error][loading] {
color: #fff;
background-color: #e43d33;
border-color: #d2382f;
}
.uni-btn[type=error][loading]:not([hover-class]):active {
background: #cd372e;
border-color: #b63129;
color: #fff;
outline: none;
}
.uni-btn[type=error][loading]::before {
margin-right: 5px;
}
.uni-btn[type=error][disabled], .uni-btn[type=error][disabled][loading], .uni-btn[type=error][disabled]:not([hover-class]):active {
color: #fff;
border-color: #e4928d;
background-color: #f29e99;
}
.uni-btn[type=error][plain] {
color: #e43d33;
background-color: #fceceb;
border-color: #f7c5c2;
}
.uni-btn[type=error][plain]:not([hover-class]):active {
background: #fad8d6;
color: #e43d33;
outline: none;
border-color: #f29e99;
}
.uni-btn[type=error][plain][loading] {
color: #e43d33;
background-color: #fceceb;
border-color: #f7c5c2;
}
.uni-btn[type=error][plain][loading]:not([hover-class]):active {
background: #fad8d6;
color: #e43d33;
outline: none;
border-color: #f29e99;
}
.uni-btn[type=error][plain][loading]::before {
margin-right: 5px;
}
.uni-btn[type=error][plain][disabled], .uni-btn[type=error][plain][disabled]:active {
color: #ef8b85;
background-color: #fceceb;
border-color: #fad8d6;
}
.uni-btn[type=warning] {
color: #fff;
background-color: #f3a73f;
border-color: #e09a3a;
}
.uni-btn[type=warning]:not([hover-class]):active {
background: #db9639;
border-color: #c28632;
color: #fff;
outline: none;
}
.uni-btn[type=warning][loading] {
color: #fff;
background-color: #f3a73f;
border-color: #e09a3a;
}
.uni-btn[type=warning][loading]:not([hover-class]):active {
background: #db9639;
border-color: #c28632;
color: #fff;
outline: none;
}
.uni-btn[type=warning][loading]::before {
margin-right: 5px;
}
.uni-btn[type=warning][disabled], .uni-btn[type=warning][disabled][loading], .uni-btn[type=warning][disabled]:not([hover-class]):active {
color: #fff;
border-color: #f8c887;
background-color: #f9d39f;
}
.uni-btn[type=warning][plain] {
color: #f3a73f;
background-color: #fef6ec;
border-color: #fbe5c5;
}
.uni-btn[type=warning][plain]:not([hover-class]):active {
background: #fdedd9;
color: #f3a73f;
outline: none;
border-color: #f9d39f;
}
.uni-btn[type=warning][plain][loading] {
color: #f3a73f;
background-color: #fef6ec;
border-color: #fbe5c5;
}
.uni-btn[type=warning][plain][loading]:not([hover-class]):active {
background: #fdedd9;
color: #f3a73f;
outline: none;
border-color: #f9d39f;
}
.uni-btn[type=warning][plain][loading]::before {
margin-right: 5px;
}
.uni-btn[type=warning][plain][disabled], .uni-btn[type=warning][plain][disabled]:active {
color: #f8ca8c;
background-color: #fef6ec;
border-color: #fdedd9;
}
.uni-btn[type=info] {
color: #fff;
background-color: #8f939c;
border-color: #848790;
}
.uni-btn[type=info]:not([hover-class]):active {
background: #81848c;
border-color: #72767d;
color: #fff;
outline: none;
}
.uni-btn[type=info][loading] {
color: #fff;
background-color: #8f939c;
border-color: #848790;
}
.uni-btn[type=info][loading]:not([hover-class]):active {
background: #81848c;
border-color: #72767d;
color: #fff;
outline: none;
}
.uni-btn[type=info][loading]::before {
margin-right: 5px;
}
.uni-btn[type=info][disabled], .uni-btn[type=info][disabled][loading], .uni-btn[type=info][disabled]:not([hover-class]):active {
color: #fff;
border-color: #babcc2;
background-color: #c7c9ce;
}
.uni-btn[type=info][plain] {
color: #8f939c;
background-color: #f4f4f5;
border-color: #dddfe1;
}
.uni-btn[type=info][plain]:not([hover-class]):active {
background: #e9e9eb;
color: #8f939c;
outline: none;
border-color: #c7c9ce;
}
.uni-btn[type=info][plain][loading] {
color: #8f939c;
background-color: #f4f4f5;
border-color: #dddfe1;
}
.uni-btn[type=info][plain][loading]:not([hover-class]):active {
background: #e9e9eb;
color: #8f939c;
outline: none;
border-color: #c7c9ce;
}
.uni-btn[type=info][plain][loading]::before {
margin-right: 5px;
}
.uni-btn[type=info][plain][disabled], .uni-btn[type=info][plain][disabled]:active {
color: #bcbec4;
background-color: #f4f4f5;
border-color: #e9e9eb;
}
uni-app {
min-width: 23.4375rem;
max-width: 46.875rem;
margin: 0 auto;
}
body {
color: var(--neutral-color-main);
font-size: var(--font-size-14);
}
.navigator-hover {
background: transparent !important;
opacity: 1 !important;
}
.boxPad {
margin: 0 0.875rem;
}
.uni-forms-item {
color: var(--neutral-color-main) !important;
}
.footBox,
.navFrame {
width: 100%;
max-width: 46.875rem;
position: fixed;
}
.navFrame {
left: 50%;
transform: translate(-50%, 0);
z-index: 9;
}
.logo {
font-size: 1.125rem;
font-weight: 600;
text-align: center;
padding-top: 3.125rem;
}
.fontCol {
color: #c2c1c1;
}
.boxTop {
padding-top: 5.625rem;
}
.historyboxTop {
padding-top: 3.5625rem;
}
.searchTop {
padding-top: 6.5625rem;
}
.navBox {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1;
background: var(--neutral-color-white);
}
.navBox .uni-navbar {
padding: 3.75rem 0.875rem 0.875rem;
height: auto !important;
}
.navBox .uni-navbar__header,
.navBox .uni-navbar__content {
background-color: transparent !important;
border: 0 none;
}
.navBox .uni-navbar__header {
padding: 0 !important;
}
.navBox .uni-navbar__header-container {
position: relative;
overflow: unset !important;
padding: 0 !important;
}
.navBox .uni-navbar__header-container .input-view {
flex: 1;
}
.navBox .uni-icons {
position: absolute;
left: 1.0625rem;
top: 0.5rem;
background: url(static/search2.png) 50% 50% no-repeat;
background-size: contain;
font-size: var(--font-size-14) !important;
z-index: 9;
}
.navBox .uni-icons:before {
color: transparent !important;
}
.navBox .uni-input-placeholder {
height: 1.875rem;
line-height: 1.875rem;
padding: 0 2.1875rem;
width: 60%;
font-size: var(--font-size-12);
color: #646464;
letter-spacing: 0.00875rem;
}
.navBox uni-input {
height: 1.875rem;
line-height: 1.875rem;
}
.navBox .uni-input-input {
height: 1.875rem;
line-height: 1.875rem;
padding: 0 0.6875rem 0 2.1875rem;
background: rgba(0, 0, 0, 0.06);
border-radius: 15.5px;
font-size: var(--font-size-12);
color: var(--neutral-color-main);
letter-spacing: 0.00875rem;
}
.navBox .uni-navbar__header {
height: 1.875rem !important;
padding: 0 0.6875rem;
display: block;
}
.navBox .uni-navbar__header-btns-left {
display: none !important;
}
.navBox .uni-navbar__header-btns-right,
.navBox .uni-navbar__header-btns-right {
width: auto !important;
}
.navBox .uni-navbar__header-btns-right {
padding-left: 0.875rem !important;
}
.navBox .uni-navbar__header-btns-right .uni-nav-bar-right-text {
font-size: var(--font-size-13);
color: var(--neutral-color-main);
}
.navBox .scanIcon {
background: url(static/scan.png) no-repeat;
background-size: contain;
width: 0.9375rem;
height: 0.9375rem;
position: absolute;
right: 0.625rem;
top: 0.5rem;
}
.nav-bg {
background-image: linear-gradient(205deg, #f25c4d 2%, #e52d21 100%, #e52d21 100%);
border-radius: 0 0 12% 12%;
height: 9.75rem;
position: relative;
z-index: -1;
}
.headBg {
background: url(static/headBg.png) no-repeat 0 0;
background-size: contain;
width: 12.5rem;
height: 8.75rem;
position: absolute;
right: 3.4375rem;
top: -0.3125rem;
}
.search .uni-navbar {
display: flex;
align-items: center;
}
.search .uni-navbar .input-view {
position: relative;
}
.search .uni-navbar .input-view:first-child {
flex: 1;
}
.search .uni-navbar .concelBox {
font-size: var(--font-size-13);
margin-left: 0.875rem;
}
.uni-nav-bar-text {
font-family: PingFangSC-Semibold;
font-weight: 600;
font-size: 1.125rem !important;
color: var(--neutral-color-main);
}
.uni-navbar--border {
border: 0 none !important;
}
.navHead .uni-navbar__header {
height: 2.75rem !important;
line-height: 2.75rem !important;
font-weight: 600;
}
.navHead .uni-navbar__header .uni-nav-bar-text {
font-size: var(--font-size-16) !important;
}
.uni-navbar__header {
font-size: 1rem !important;
font-weight: 600 !important;
}
.btnBox {
padding: 1.25rem;
}
.subBtnBox {
display: flex;
text-align: center;
align-items: center;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.subBtnBox .btn-default {
margin: 0 0.625rem;
height: 2.8125rem;
line-height: 2.8125rem;
}
uni-button:after {
border: 0 none !important;
}
.btn-default {
width: 100%;
height: 2.8125rem;
line-height: 2.8125rem;
background-color: var(--essential-color-red) !important;
border-radius: 1.40625rem;
border: 0 none !important;
color: var(--neutral-color-white) !important;
}
.uni-btn {
min-width: 3.125rem;
max-width: 6.25rem;
height: 1.5rem;
line-height: 1.375rem;
border-radius: 0.75rem;
font-size: var(--font-size-12);
padding: 0 0.9375rem;
margin: 0 !important;
font-weight: 600;
}
.uni-mini {
width: 12.5rem;
}
.uni-sub-btn {
background-color: var(--neutral-color-main) !important;
box-shadow: 0 7px 12px 0 rgba(47, 47, 47, 0.35) !important;
}
.concelBtn {
background-color: var(--neutral-color-white) !important;
border: 1px solid var(--neutral-color-font) !important;
color: var(--neutral-color-font) !important;
}
.concelBtn:after {
position: static;
background-color: var(--neutral-color-white) !important;
border: 1 solid var(--neutral-color-font) !important;
}
.redBtn {
border: 1px solid var(--essential-color-red) !important;
color: var(--essential-color-red) !important;
background: var(--neutral-color-white);
}
.disabled {
color: var(--neutral-color-white) !important;
background-color: var(--neutral-color-placeholder) !important;
}
.boxBg {
background: var(--neutral-color-white);
box-shadow: 0 0 0.6875rem 0.6875rem rgba(162, 162, 162, 0.06);
border-radius: 0.625rem;
margin: 0 0.875rem;
}
.boxCon {
background: var(--neutral-color-white);
}
.iconNext {
width: 0.5rem;
height: 0.71875rem;
background: url(static/icon_more@2x.png) no-repeat;
background-size: contain;
margin-left: 0.4375rem;
vertical-align: middle;
}
.footBox {
height: 3.125rem;
bottom: 0;
z-index: 0;
background: var(--neutral-color-white);
box-shadow: 0 0.125rem 0.5rem 0 rgba(162, 162, 162, 0.25);
display: flex;
align-items: center;
text-align: center;
width: 100%;
}
.footBox .uni-tabbar {
width: 100%;
display: flex;
}
.footBox .tabbar-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--neutral-color-main);
}
.footBox .tabbar-item .item-img {
width: 1.125rem;
height: 1.125rem;
display: block;
}
.footBox .tabbar-item .item-name {
text-align: center;
font-size: 0.625rem;
line-height: 0.875rem;
}
.footBox .tabbar-item .uni-tabbar__label {
font-size: 0.625rem;
line-height: 1rem;
}
.footBox .tabbar-item.active .uni-tabbar__label {
color: var(--essential-color-red);
}
.footBox .qrCode {
margin-top: -0.9375rem;
}
.footBox .qrCode img {
width: 4.1875rem;
height: 4.1875rem;
display: block;
}
.uni-error-message-text {
color: var(--essential-color-red) !important;
font-size: var(--font-size-14) !important;
}
.tabList .item {
padding: 0.875rem 1rem 1rem;
margin-top: 1rem;
font-size: var(--font-size-13);
line-height: 1.125rem;
position: relative;
}
.tabList .item > uni-view {
padding-top: 0.5625rem;
}
.tabList .item > uni-view:first-child {
padding-top: 0;
}
.tabList .item .titInfo {
line-height: 1.375rem;
font-weight: 600;
font-size: 1rem;
letter-spacing: 0.36px;
}
.tabList .item .titInfo > uni-view {
display: flex;
align-items: center;
}
.tabList .item .titInfo > uni-view uni-text {
display: flex;
align-items: center;
}
.tabList .item .titInfo > uni-view .name {
padding: 0 0.875rem 0 0;
}
.tabList .item .titInfo uni-icon {
width: 1.5rem;
height: 1.5rem;
}
.tabList .item .titInfo .phone {
background: url(static/phone.png);
background-size: contain;
margin-left: 1.25rem;
}
.tabList .item .titInfo .note {
background: url(static/note.png);
background-size: contain;
}
.tabList .item .address,
.tabList .item .distance {
color: var(--neutral-color-font);
}
.tabList .item .distance {
padding-top: 0.6875rem;
}
.tabList .item uni-icon {
width: 1.5rem;
height: 1.5rem;
margin-right: 0.375rem;
}
.tabList .item .phone {
background: url(static/phone.png) no-repeat 50% 50%;
background-size: contain;
}
.tabList .item .note {
background: url(static/note.png) no-repeat 50% 50%;
background-size: contain;
}
.tabList .item .iconTip {
position: absolute;
top: 0;
left: 0.4375rem;
width: 1.25rem;
height: 1.375rem;
}
.tabList .delete {
position: absolute;
right: 0.625rem;
bottom: 1rem;
}
.tabConList .item {
line-height: 1.5625rem;
border-top: 1px solid var(--neutral-color-background);
padding: 1.15625rem 0.875rem;
color: var(--neutral-color-font);
}
.tabConList .item .navigator-wrap uni-navigator {
display: flex;
align-items: center;
}
.tabConList .item > uni-view {
display: flex;
align-items: center;
}
.tabConList .item .time {
font-size: var(--font-size-12);
}
.tabConList .item .text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
}
.active {
color: var(--neutral-color-main);
}
.active uni-icon {
width: 0.4375rem;
height: 0.4375rem;
border-radius: 50%;
margin-right: 0.375rem;
margin-top: -0.125rem;
background: var(--essential-color-red);
vertical-align: middle;
}
.turnItem .item {
height: 3.125rem;
line-height: 3.125rem;
display: flex;
padding: 0 1.25rem 0 0.9375rem;
}
.turnItem .item uni-view:first-child {
flex: 1;
}
.turnItem .item uni-view:last-child {
text-align: right;
}
.tabScroll {
padding: 0.8125rem 0.875rem 0.5rem;
width: auto !important;
background: var(--neutral-color-white);
}
.tabScroll .uni-scroll-view-content {
display: flex;
line-height: 1.5625rem;
font-weight: 600;
font-size: 1rem;
color: #a0a0a0;
letter-spacing: 0.36px;
}
.tabScroll .scroll-row-item {
margin-right: 1.4375rem;
}
.tabScroll .scroll-row-item-act {
color: var(--neutral-color-main);
position: relative;
padding-bottom: 0.625rem;
}
.tabScroll .scroll-row-item-act .line {
width: 1.4375rem;
height: 0.25rem;
display: block;
background-image: linear-gradient(210deg, #f25c4d 25%, #e52d21 100%, #e52d21 100%);
border-radius: 0.25rem;
transform: translate(-50%, -50%);
position: absolute;
bottom: -0.125rem;
left: 50%;
}
.tabScroll .num {
padding-left: 0.5625rem;
}
.emptyBox {
padding: 2.75rem 0 2.5rem;
text-align: center;
color: var(--neutral-color-font);
font-size: var(--font-size-12);
}
.commDialog .uni-dialog-content-text {
font-size: var(--font-size-16) !important;
line-height: 1.375rem !important;
color: var(--neutral-color-main) !important;
}
.commDialog .uni-popup-dialog {
border-radius: 0.75rem !important;
}
.commDialog .uni-dialog-content {
padding: 2.125rem 0 !important;
}
.commDialog .uni-dialog-title {
display: none !important;
}
.commDialog .uni-border-left {
border-left-color: var(--neutral-color-background) !important;
}
.commDialog .uni-dialog-button-group {
border-top-color: var(--neutral-color-background) !important;
}
.commDialog .uni-dialog-button {
height: 3.125rem !important;
line-height: 3.125rem !important;
}
.commDialog .uni-dialog-button .uni-dialog-button-text {
font-size: var(--font-size-16) !important;
color: #646464;
}
.commDialog .uni-dialog-button .uni-dialog-button-text.uni-button-color {
color: var(--neutral-color-main);
}
.uniPopup .popup-content {
min-height: 18.75rem;
max-height: 23.4375rem !important;
}
.uniPopup .popup-content .tit {
height: 3.125rem;
line-height: 3.125rem;
padding: 0 1rem;
border-bottom: 1px solid var(--neutral-color-background);
display: flex;
}
.uniPopup .popup-content .tit > uni-view:nth-child(1) {
color: #646464;
}
.uniPopup .popup-content .tit > uni-view:nth-child(2) {
flex: 1;
text-align: center;
}
.uniPopup .popup-content .date-select {
width: 100%;
height: 16.25rem;
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
background-color: transparent;
position: relative;
}
.uniPopup .popup-content .date-select .picker-view {
background-color: #fff;
position: absolute;
width: 100%;
height: 15.625rem;
bottom: 0.625rem;
}
.uniPopup .popup-content .date-select .picker-view .item {
height: 3.125rem;
line-height: 3.125rem;
font-size: 1rem;
text-align: center;
}
.uniPopup .popup-content .date-select .picker-view .item .itemTit {
font-size: 0.875rem;
line-height: 0.9375rem;
padding-top: 0.5625rem;
}
.uniPopup .popup-content .date-select .picker-view .item .itemTit:last-child {
font-size: 0.75rem;
}
.uniPopup .popup-content .date-select .picker-view .uni-picker-view-indicator {
height: 3.125rem;
}
.uniPopup .popup-content .date-select .btn {
width: 100%;
height: 3.125rem;
box-sizing: border-box;
}
.uniPopup .popup-content .date-select .btn .btn-left,
.uniPopup .popup-content .date-select .btn .btn-right {
color: #ffffff;
width: 4.6875rem;
height: 2.8125rem;
line-height: 2.8125rem;
text-align: center;
border-radius: 0.46875rem;
}
.uniPopup .popup-content .address .picker-view {
position: static;
}
.nextIcon {
background: url(static/icon15.png) no-repeat;
background-size: contain;
width: 0.5rem;
height: 0.71875rem;
}
.empty {
line-height: 1.25rem;
color: var(--neutral-color-font);
text-align: center;
}
.empty .image {
background: url(static/empty.png) no-repeat;
background-size: contain;
width: 12.5rem;
height: 7.5rem;
margin: 6.875rem auto 1.25rem;
}
.uni-simple-toast__text {
height: 2.3125rem;
line-height: 2.1875rem;
border-radius: 0.625rem;
background: var(--neutral-color-main);
padding: 0 0.8125rem;
}
.uni-textarea-placeholder {
/*WebKit browsers*/
color: #c2c1c1 !important;
}
.uni-textarea-textarea,
.uni-textarea-placeholder {
font-size: var(--font-size-14) !important;
}
uni-textarea {
height: 7.8125rem !important;
width: auto !important;
text-align: justify;
}
.addressCon .item {
display: flex;
}
.addressCon .item:first-child .address, .addressCon .item:first-child .addressInfo {
border-bottom: 1px solid var(--neutral-color-background);
}
.addressCon .item .addressInfo {
flex: 1;
padding-bottom: 0.625rem;
}
.addressCon .item .addressInfo uni-view:last-child {
padding-top: 0.25rem;
color: var(--neutral-color-font);
font-size: var(--font-size-13);
}
.addressCon .item .sendIcon, .addressCon .item .receiveIcon {
width: 1.25rem;
height: 1.25rem;
border-radius: 0.625rem;
color: var(--neutral-color-white);
text-align: center;
line-height: 1.25rem;
font-size: 0.625rem;
margin-right: 0.5625rem;
}
.addressCon .item .sendIcon {
background: var(--neutral-color-main);
}
.addressCon .item .receiveIcon {
background: var(--essential-color-red);
}
.checkRadio .uni-radio-wrapper .uni-radio-input {
background: url(static/checkbox.png) no-repeat;
background-size: contain;
border: 0 none;
width: 1rem !important;
height: 1rem !important;
}
.checkRadio .active .uni-radio-wrapper .uni-radio-input {
background: url(static/checkboxActive.png) !important;
background-size: contain !important;
border-color: transparent !important;
}
.checkRadio .active .uni-radio-wrapper .uni-radio-input svg {
opacity: 0;
}
.goodsCon {
padding: 0.25rem 0 1rem;
}
.goodsCon .item {
padding-top: 1.375rem;
display: flex;
height: 2.5rem;
line-height: 2.5rem;
align-items: center;
}
.goodsCon .item > uni-text {
width: 3.5rem;
}
.goodsCon .item .active {
color: var(--neutral-color-font);
}
.goodsCon .item .uni-input {
flex: 1;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
font-size: var(--font-size-13);
}
.goodsCon .item .bg {
background: #ececec;
height: 2.5rem;
line-height: 2.5rem;
border-radius: 1.125rem;
}
.goodsCon .item .goodInfo {
display: flex;
flex: 1;
margin-left: 2.34375rem;
}
.goodsCon .item .goodInfo .num {
background: #f2f2f2;
flex: 1;
display: flex;
padding: 0 0.9375rem 0 0;
}
.goodsCon .item .goodInfo .symbol {
padding: 0 1.5625rem;
font-size: 1.25rem;
line-height: 2.1875rem;
}
.goodsCon .calculate > uni-text {
width: auto;
padding: 0.375rem 0.375rem 0;
}
.goodsCon .calculate .bg {
padding: 0 1.1875rem 0 0.375rem;
display: flex;
font-weight: normal;
}
.goodsCon .calculate .bg uni-text {
color: var(--neutral-color-font);
}
.goodsCon .calculate .bg .uni-input {
text-align: right;
padding-right: 0.5625rem;
}
.goodsCon .calculate .bg .active {
color: var(--neutral-color-main);
}
.uni-navbar--fixed {
z-index: 9 !important;
}
.phoneCon .popupBox {
text-align: center;
color: #333;
font-size: 1rem;
line-height: 1.375rem;
}
.phoneCon .popupBox .popup-content {
padding: 0;
align-items: center;
justify-content: center;
height: auto;
background-color: #fff;
}
.phoneCon .popupBox .popup-content > uni-view {
height: 3.75rem;
line-height: 3.75rem;
font-size: 1rem;
color: #333;
}
.phoneCon .popupBox .popup-content > uni-view:first-child {
border-bottom: 0.0625rem solid #efefef;
color: #666;
font-size: 0.8125rem;
}
.phoneCon .popupBox .popup-content > uni-view:last-child {
height: 3.125rem;
line-height: 3.125rem;
}
.phoneCon .closePopup {
border-top: 0.375rem solid #f6f6f6;
padding-top: 0.8125rem;
padding-bottom: 1.25rem;
background: #fff;
text-align: center;
}
.footBtn {
position: fixed;
width: 100%;
bottom: 5.625rem;
}
.footBtn .btn-default {
background: var(--neutral-color-white) !important;
border-radius: 0.9375rem;
color: var(--neutral-color-main) !important;
font-size: 1rem;
}
.mapBox {
width: 100%;
height: calc(100vh - 0.625rem);
}
body {
background-color: #f5f5f5;
}
.example-info {
font-size: 14px;
color: #333;
padding: 10px;
}