@charset "UTF-8"; /* 水平间距 */ /* 水平间距 */ @font-face { font-family: "customicons"; /* Project id 2878519 */ src:url(data:font/ttf;base64,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) format('truetype'); } .customicons { font-family: "customicons" !important; } .youxi:before { content: "\e60e"; } .wenjian:before { content: "\e60f"; } .zhuanfa:before { content: "\e610"; } button[type=primary] { background-color: #007eff; } /*每个页面公共css */ /* 水平间距 */ .uni-border { border: 1px #F0F0F0 solid; } .uni-primary { color: #007eff; } .uni-primary-bg { background-color: #007eff; } .uni-primary-disable { color: #80bfff; } .uni-primary-disable-bg { background-color: #80bfff; } .uni-primary-light { color: #cce5ff; } .uni-primary-light-bg { background-color: #cce5ff; } .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: #007eff; border-color: #0074eb; } .uni-btn[type=primary]:not([hover-class]):active { background: #0071e6; border-color: #0065cc; color: #fff; outline: none; } .uni-btn[type=primary][loading] { color: #fff; background-color: #007eff; border-color: #0074eb; } .uni-btn[type=primary][loading]:not([hover-class]):active { background: #0071e6; border-color: #0065cc; 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: #80b2e6; background-color: #80bfff; } .uni-btn[type=primary][plain] { color: #007eff; background-color: #e6f2ff; border-color: #b3d8ff; } .uni-btn[type=primary][plain]:not([hover-class]):active { background: #cce5ff; color: #007eff; outline: none; border-color: #80bfff; } .uni-btn[type=primary][plain][loading] { color: #007eff; background-color: #e6f2ff; border-color: #b3d8ff; } .uni-btn[type=primary][plain][loading]:not([hover-class]):active { background: #cce5ff; color: #007eff; outline: none; border-color: #80bfff; } .uni-btn[type=primary][plain][loading]::before { margin-right: 5px; } .uni-btn[type=primary][plain][disabled], .uni-btn[type=primary][plain][disabled]:active { color: #66b2ff; background-color: #e6f2ff; border-color: #cce5ff; } .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: #89c794; 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: #babcc1; 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; } page { background-color: #f5f5f5; } .example-info { font-size: 14px; color: #333; padding: 10px; }