UNPKG

@cataract6545/tmui

Version:

tm-vuetify是一个新势力由主题驱动的UI组件库,相比其它优势大,组件全,设计趋势紧跟未来。具有主题生成,主题实时切换,暗黑实时切换,lottie动画,图表等新颖功能,tmui TMUI

3,067 lines (2,141 loc) 117 kB
@charset "UTF-8"; /* #ifndef APP-PLUS-NVUE */ @import url(../tool/tmicon/tmicon.min.css); .tableHeader .uni-scroll-view::-webkit-scrollbar, .tableHeader .uni-scroll-view::-webkit-scrollbar { display: none; /*隐藏滚动条*/ } /* #ifndef APP-NVUE */ page, .a-page, body { display: flex; flex-direction: column; } page, .a-page, body, tm-app { min-height: 100vh; flex: 1; display: flex; flex-direction: column; } /* #endif */ .nvue { display: flex; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; box-sizing: border-box; flex-direction: column; } /* #endif */ /* #ifndef APP-PLUS-NVUE */ .safe-height { height: var(--window-bottom); } .safe-top { height: var(--window-top); } .safe-statusbar { height: var(--status-bar-height); } .blur { backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.3); } .pointer { cursor: pointer; } .pointer:hover { opacity: 0.7; } /* #endif */ .overflow { overflow: hidden; } /* #ifndef APP-PLUS-NVUE */ .overflow-x { overflow-x: hidden; overflow-y: auto; } .overflow-y { overflow-x: auto; overflow-y: hidden; } /* #endif */ .relative { position: relative !important; } .absolute { position: absolute !important; } .fixed { position: fixed !important; } .sticky { position: sticky !important; } /* #ifdef APP-PLUS-NVUE */ .fulled-height { display: flex; align-items: stretch; } /* #endif */ /* #ifndef APP-PLUS-NVUE */ .clear { clear: both; } .fulled { width: 100%; display: block; } .fulled-height { height: 100%; display: block; } .gray-100 { filter: grayscale(100%); } .gray { filter: grayscale(25%); } .d-inline-block { display: inline-block !important; } .d-block { display: block; } .vertical-align-top { vertical-align: top; } .vertical-align-middle { vertical-align: middle; } .vertical-align-bottom { vertical-align: bottom; } .wrap { white-space: pre-wrap; word-break: break-all; } .nowrap { white-space: nowrap; } .vertical-align-top { vertical-align: top; } .vertical-align-middle { vertical-align: middle; } .vertical-align-bottom { vertical-align: bottom; } /* #endif */ .zIndex-0 { z-index: 0; } .zIndex-n0 { z-index: 0; } .zIndex-1 { z-index: 1; } .zIndex-n1 { z-index: 4; } .zIndex-2 { z-index: 2; } .zIndex-n2 { z-index: 8; } .zIndex-3 { z-index: 3; } .zIndex-n3 { z-index: 12; } .zIndex-4 { z-index: 4; } .zIndex-n4 { z-index: 16; } .zIndex-5 { z-index: 5; } .zIndex-n5 { z-index: 20; } .zIndex-6 { z-index: 6; } .zIndex-n6 { z-index: 24; } .zIndex-7 { z-index: 7; } .zIndex-n7 { z-index: 28; } .zIndex-8 { z-index: 8; } .zIndex-n8 { z-index: 32; } .zIndex-9 { z-index: 9; } .zIndex-n9 { z-index: 36; } .zIndex-10 { z-index: 10; } .zIndex-n10 { z-index: 40; } .zIndex-11 { z-index: 11; } .zIndex-n11 { z-index: 44; } .zIndex-12 { z-index: 12; } .zIndex-n12 { z-index: 48; } .zIndex-13 { z-index: 13; } .zIndex-n13 { z-index: 52; } .zIndex-14 { z-index: 14; } .zIndex-n14 { z-index: 56; } .zIndex-15 { z-index: 15; } .zIndex-n15 { z-index: 60; } .zIndex-16 { z-index: 16; } .zIndex-n16 { z-index: 64; } .zIndex-17 { z-index: 17; } .zIndex-n17 { z-index: 68; } .zIndex-18 { z-index: 18; } .zIndex-n18 { z-index: 72; } .zIndex-19 { z-index: 19; } .zIndex-n19 { z-index: 76; } .zIndex-20 { z-index: 20; } .zIndex-n20 { z-index: 80; } .zIndex-21 { z-index: 21; } .zIndex-n21 { z-index: 84; } .zIndex-22 { z-index: 22; } .zIndex-n22 { z-index: 88; } .zIndex-23 { z-index: 23; } .zIndex-n23 { z-index: 92; } .zIndex-24 { z-index: 24; } .zIndex-n24 { z-index: 96; } .zIndex-25 { z-index: 25; } .zIndex-n25 { z-index: 100; } .zIndex-26 { z-index: 26; } .zIndex-n26 { z-index: 104; } .text-overflow { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .text-overflow-1 { width: 100%; display: -webkit-box; white-space: inherit; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .text-overflow-2 { width: 100%; display: -webkit-box; white-space: inherit; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .text-overflow-3 { width: 100%; display: -webkit-box; white-space: inherit; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .text-overflow-4 { width: 100%; display: -webkit-box; white-space: inherit; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; } .text-delete { text-decoration: line-through; } .text-underline { text-decoration: underline; } /* #ifdef H5*/ .text-size-xxs { font-size: 20rpx; } .text-size-xxs span { font-size: 20rpx; } /* #endif */ /* #ifndef H5*/ .text-size-xxs { font-size: 20rpx; } /* #endif */ /* #ifdef H5*/ .text-size-xs { font-size: 22rpx; } .text-size-xs span { font-size: 22rpx; } /* #endif */ /* #ifndef H5*/ .text-size-xs { font-size: 22rpx; } /* #endif */ /* #ifdef H5*/ .text-size-s { font-size: 24rpx; } .text-size-s span { font-size: 24rpx; } /* #endif */ /* #ifndef H5*/ .text-size-s { font-size: 24rpx; } /* #endif */ /* #ifdef H5*/ .text-size-m { font-size: 28rpx; } .text-size-m span { font-size: 28rpx; } /* #endif */ /* #ifndef H5*/ .text-size-m { font-size: 28rpx; } /* #endif */ /* #ifdef H5*/ .text-size-n { font-size: 30rpx; } .text-size-n span { font-size: 30rpx; } /* #endif */ /* #ifndef H5*/ .text-size-n { font-size: 30rpx; } /* #endif */ /* #ifdef H5*/ .text-size-g { font-size: 34rpx; } .text-size-g span { font-size: 34rpx; } /* #endif */ /* #ifndef H5*/ .text-size-g { font-size: 34rpx; } /* #endif */ /* #ifdef H5*/ .text-size-lg { font-size: 36rpx; } .text-size-lg span { font-size: 36rpx; } /* #endif */ /* #ifndef H5*/ .text-size-lg { font-size: 36rpx; } /* #endif */ /* #ifdef H5*/ .text-size-xl { font-size: 40rpx; } .text-size-xl span { font-size: 40rpx; } /* #endif */ /* #ifndef H5*/ .text-size-xl { font-size: 40rpx; } /* #endif */ .text-weight-s { font-weight: 100; } .text-weight-n { font-weight: 400; } .text-weight-b { font-weight: 700; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .text-align-center { text-align: center; } .round-tl-0 { border-top-left-radius: 0rpx !important; } .round-tl-1 { border-top-left-radius: 4rpx !important; } .round-tl-2 { border-top-left-radius: 8rpx !important; } .round-tl-3 { border-top-left-radius: 12rpx !important; } .round-tl-4 { border-top-left-radius: 16rpx !important; } .round-tl-5 { border-top-left-radius: 20rpx !important; } .round-tl-6 { border-top-left-radius: 24rpx !important; } .round-tl-7 { border-top-left-radius: 28rpx !important; } .round-tl-8 { border-top-left-radius: 32rpx !important; } .round-tl-9 { border-top-left-radius: 36rpx !important; } .round-tl-10 { border-top-left-radius: 40rpx !important; } .round-tl-11 { border-top-left-radius: 44rpx !important; } .round-tl-12 { border-top-left-radius: 48rpx !important; } .round-tl-13 { border-top-left-radius: 52rpx !important; } .round-tl-14 { border-top-left-radius: 56rpx !important; } .round-tl-15 { border-top-left-radius: 60rpx !important; } .round-tl-16 { border-top-left-radius: 64rpx !important; } .round-tl-17 { border-top-left-radius: 68rpx !important; } .round-tl-18 { border-top-left-radius: 72rpx !important; } .round-tl-19 { border-top-left-radius: 76rpx !important; } .round-tl-20 { border-top-left-radius: 80rpx !important; } .round-tl-21 { border-top-left-radius: 84rpx !important; } .round-tl-22 { border-top-left-radius: 88rpx !important; } .round-tl-23 { border-top-left-radius: 92rpx !important; } .round-tl-24 { border-top-left-radius: 96rpx !important; } .round-tl-25 { border-top-left-radius: 100rpx !important; } .round-tr-0 { border-top-right-radius: 0rpx !important; } .round-tr-1 { border-top-right-radius: 4rpx !important; } .round-tr-2 { border-top-right-radius: 8rpx !important; } .round-tr-3 { border-top-right-radius: 12rpx !important; } .round-tr-4 { border-top-right-radius: 16rpx !important; } .round-tr-5 { border-top-right-radius: 20rpx !important; } .round-tr-6 { border-top-right-radius: 24rpx !important; } .round-tr-7 { border-top-right-radius: 28rpx !important; } .round-tr-8 { border-top-right-radius: 32rpx !important; } .round-tr-9 { border-top-right-radius: 36rpx !important; } .round-tr-10 { border-top-right-radius: 40rpx !important; } .round-tr-11 { border-top-right-radius: 44rpx !important; } .round-tr-12 { border-top-right-radius: 48rpx !important; } .round-tr-13 { border-top-right-radius: 52rpx !important; } .round-tr-14 { border-top-right-radius: 56rpx !important; } .round-tr-15 { border-top-right-radius: 60rpx !important; } .round-tr-16 { border-top-right-radius: 64rpx !important; } .round-tr-17 { border-top-right-radius: 68rpx !important; } .round-tr-18 { border-top-right-radius: 72rpx !important; } .round-tr-19 { border-top-right-radius: 76rpx !important; } .round-tr-20 { border-top-right-radius: 80rpx !important; } .round-tr-21 { border-top-right-radius: 84rpx !important; } .round-tr-22 { border-top-right-radius: 88rpx !important; } .round-tr-23 { border-top-right-radius: 92rpx !important; } .round-tr-24 { border-top-right-radius: 96rpx !important; } .round-tr-25 { border-top-right-radius: 100rpx !important; } .round-bl-0 { border-bottom-left-radius: 0rpx !important; } .round-bl-1 { border-bottom-left-radius: 4rpx !important; } .round-bl-2 { border-bottom-left-radius: 8rpx !important; } .round-bl-3 { border-bottom-left-radius: 12rpx !important; } .round-bl-4 { border-bottom-left-radius: 16rpx !important; } .round-bl-5 { border-bottom-left-radius: 20rpx !important; } .round-bl-6 { border-bottom-left-radius: 24rpx !important; } .round-bl-7 { border-bottom-left-radius: 28rpx !important; } .round-bl-8 { border-bottom-left-radius: 32rpx !important; } .round-bl-9 { border-bottom-left-radius: 36rpx !important; } .round-bl-10 { border-bottom-left-radius: 40rpx !important; } .round-bl-11 { border-bottom-left-radius: 44rpx !important; } .round-bl-12 { border-bottom-left-radius: 48rpx !important; } .round-bl-13 { border-bottom-left-radius: 52rpx !important; } .round-bl-14 { border-bottom-left-radius: 56rpx !important; } .round-bl-15 { border-bottom-left-radius: 60rpx !important; } .round-bl-16 { border-bottom-left-radius: 64rpx !important; } .round-bl-17 { border-bottom-left-radius: 68rpx !important; } .round-bl-18 { border-bottom-left-radius: 72rpx !important; } .round-bl-19 { border-bottom-left-radius: 76rpx !important; } .round-bl-20 { border-bottom-left-radius: 80rpx !important; } .round-bl-21 { border-bottom-left-radius: 84rpx !important; } .round-bl-22 { border-bottom-left-radius: 88rpx !important; } .round-bl-23 { border-bottom-left-radius: 92rpx !important; } .round-bl-24 { border-bottom-left-radius: 96rpx !important; } .round-bl-25 { border-bottom-left-radius: 100rpx !important; } .round-br-0 { border-bottom-right-radius: 0rpx !important; } .round-br-1 { border-bottom-right-radius: 4rpx !important; } .round-br-2 { border-bottom-right-radius: 8rpx !important; } .round-br-3 { border-bottom-right-radius: 12rpx !important; } .round-br-4 { border-bottom-right-radius: 16rpx !important; } .round-br-5 { border-bottom-right-radius: 20rpx !important; } .round-br-6 { border-bottom-right-radius: 24rpx !important; } .round-br-7 { border-bottom-right-radius: 28rpx !important; } .round-br-8 { border-bottom-right-radius: 32rpx !important; } .round-br-9 { border-bottom-right-radius: 36rpx !important; } .round-br-10 { border-bottom-right-radius: 40rpx !important; } .round-br-11 { border-bottom-right-radius: 44rpx !important; } .round-br-12 { border-bottom-right-radius: 48rpx !important; } .round-br-13 { border-bottom-right-radius: 52rpx !important; } .round-br-14 { border-bottom-right-radius: 56rpx !important; } .round-br-15 { border-bottom-right-radius: 60rpx !important; } .round-br-16 { border-bottom-right-radius: 64rpx !important; } .round-br-17 { border-bottom-right-radius: 68rpx !important; } .round-br-18 { border-bottom-right-radius: 72rpx !important; } .round-br-19 { border-bottom-right-radius: 76rpx !important; } .round-br-20 { border-bottom-right-radius: 80rpx !important; } .round-br-21 { border-bottom-right-radius: 84rpx !important; } .round-br-22 { border-bottom-right-radius: 88rpx !important; } .round-br-23 { border-bottom-right-radius: 92rpx !important; } .round-br-24 { border-bottom-right-radius: 96rpx !important; } .round-br-25 { border-bottom-right-radius: 100rpx !important; } .round-a-0 { border-radius: 0rpx !important; } .round-a-1 { border-radius: 4rpx !important; } .round-a-2 { border-radius: 8rpx !important; } .round-a-3 { border-radius: 12rpx !important; } .round-a-4 { border-radius: 16rpx !important; } .round-a-5 { border-radius: 20rpx !important; } .round-a-6 { border-radius: 24rpx !important; } .round-a-7 { border-radius: 28rpx !important; } .round-a-8 { border-radius: 32rpx !important; } .round-a-9 { border-radius: 36rpx !important; } .round-a-10 { border-radius: 40rpx !important; } .round-a-11 { border-radius: 44rpx !important; } .round-a-12 { border-radius: 48rpx !important; } .round-a-13 { border-radius: 52rpx !important; } .round-a-14 { border-radius: 56rpx !important; } .round-a-15 { border-radius: 60rpx !important; } .round-a-16 { border-radius: 64rpx !important; } .round-a-17 { border-radius: 68rpx !important; } .round-a-18 { border-radius: 72rpx !important; } .round-a-19 { border-radius: 76rpx !important; } .round-a-20 { border-radius: 80rpx !important; } .round-a-21 { border-radius: 84rpx !important; } .round-a-22 { border-radius: 88rpx !important; } .round-a-23 { border-radius: 92rpx !important; } .round-a-24 { border-radius: 96rpx !important; } .round-a-25 { border-radius: 100rpx !important; } .round-t-0 { border-top-left-radius: 0rpx !important; border-top-right-radius: 0rpx !important; } .round-t-1 { border-top-left-radius: 4rpx !important; border-top-right-radius: 4rpx !important; } .round-t-2 { border-top-left-radius: 8rpx !important; border-top-right-radius: 8rpx !important; } .round-t-3 { border-top-left-radius: 12rpx !important; border-top-right-radius: 12rpx !important; } .round-t-4 { border-top-left-radius: 16rpx !important; border-top-right-radius: 16rpx !important; } .round-t-5 { border-top-left-radius: 20rpx !important; border-top-right-radius: 20rpx !important; } .round-t-6 { border-top-left-radius: 24rpx !important; border-top-right-radius: 24rpx !important; } .round-t-7 { border-top-left-radius: 28rpx !important; border-top-right-radius: 28rpx !important; } .round-t-8 { border-top-left-radius: 32rpx !important; border-top-right-radius: 32rpx !important; } .round-t-9 { border-top-left-radius: 36rpx !important; border-top-right-radius: 36rpx !important; } .round-t-10 { border-top-left-radius: 40rpx !important; border-top-right-radius: 40rpx !important; } .round-t-11 { border-top-left-radius: 44rpx !important; border-top-right-radius: 44rpx !important; } .round-t-12 { border-top-left-radius: 48rpx !important; border-top-right-radius: 48rpx !important; } .round-t-13 { border-top-left-radius: 52rpx !important; border-top-right-radius: 52rpx !important; } .round-t-14 { border-top-left-radius: 56rpx !important; border-top-right-radius: 56rpx !important; } .round-t-15 { border-top-left-radius: 60rpx !important; border-top-right-radius: 60rpx !important; } .round-t-16 { border-top-left-radius: 64rpx !important; border-top-right-radius: 64rpx !important; } .round-t-17 { border-top-left-radius: 68rpx !important; border-top-right-radius: 68rpx !important; } .round-t-18 { border-top-left-radius: 72rpx !important; border-top-right-radius: 72rpx !important; } .round-t-19 { border-top-left-radius: 76rpx !important; border-top-right-radius: 76rpx !important; } .round-t-20 { border-top-left-radius: 80rpx !important; border-top-right-radius: 80rpx !important; } .round-t-21 { border-top-left-radius: 84rpx !important; border-top-right-radius: 84rpx !important; } .round-t-22 { border-top-left-radius: 88rpx !important; border-top-right-radius: 88rpx !important; } .round-t-23 { border-top-left-radius: 92rpx !important; border-top-right-radius: 92rpx !important; } .round-t-24 { border-top-left-radius: 96rpx !important; border-top-right-radius: 96rpx !important; } .round-t-25 { border-top-left-radius: 100rpx !important; border-top-right-radius: 100rpx !important; } .round-b-0 { border-bottom-left-radius: 0rpx !important; border-bottom-right-radius: 0rpx !important; } .round-b-1 { border-bottom-left-radius: 4rpx !important; border-bottom-right-radius: 4rpx !important; } .round-b-2 { border-bottom-left-radius: 8rpx !important; border-bottom-right-radius: 8rpx !important; } .round-b-3 { border-bottom-left-radius: 12rpx !important; border-bottom-right-radius: 12rpx !important; } .round-b-4 { border-bottom-left-radius: 16rpx !important; border-bottom-right-radius: 16rpx !important; } .round-b-5 { border-bottom-left-radius: 20rpx !important; border-bottom-right-radius: 20rpx !important; } .round-b-6 { border-bottom-left-radius: 24rpx !important; border-bottom-right-radius: 24rpx !important; } .round-b-7 { border-bottom-left-radius: 28rpx !important; border-bottom-right-radius: 28rpx !important; } .round-b-8 { border-bottom-left-radius: 32rpx !important; border-bottom-right-radius: 32rpx !important; } .round-b-9 { border-bottom-left-radius: 36rpx !important; border-bottom-right-radius: 36rpx !important; } .round-b-10 { border-bottom-left-radius: 40rpx !important; border-bottom-right-radius: 40rpx !important; } .round-b-11 { border-bottom-left-radius: 44rpx !important; border-bottom-right-radius: 44rpx !important; } .round-b-12 { border-bottom-left-radius: 48rpx !important; border-bottom-right-radius: 48rpx !important; } .round-b-13 { border-bottom-left-radius: 52rpx !important; border-bottom-right-radius: 52rpx !important; } .round-b-14 { border-bottom-left-radius: 56rpx !important; border-bottom-right-radius: 56rpx !important; } .round-b-15 { border-bottom-left-radius: 60rpx !important; border-bottom-right-radius: 60rpx !important; } .round-b-16 { border-bottom-left-radius: 64rpx !important; border-bottom-right-radius: 64rpx !important; } .round-b-17 { border-bottom-left-radius: 68rpx !important; border-bottom-right-radius: 68rpx !important; } .round-b-18 { border-bottom-left-radius: 72rpx !important; border-bottom-right-radius: 72rpx !important; } .round-b-19 { border-bottom-left-radius: 76rpx !important; border-bottom-right-radius: 76rpx !important; } .round-b-20 { border-bottom-left-radius: 80rpx !important; border-bottom-right-radius: 80rpx !important; } .round-b-21 { border-bottom-left-radius: 84rpx !important; border-bottom-right-radius: 84rpx !important; } .round-b-22 { border-bottom-left-radius: 88rpx !important; border-bottom-right-radius: 88rpx !important; } .round-b-23 { border-bottom-left-radius: 92rpx !important; border-bottom-right-radius: 92rpx !important; } .round-b-24 { border-bottom-left-radius: 96rpx !important; border-bottom-right-radius: 96rpx !important; } .round-b-25 { border-bottom-left-radius: 100rpx !important; border-bottom-right-radius: 100rpx !important; } .round-l-0 { border-top-left-radius: 0rpx !important; border-bottom-left-radius: 0rpx !important; } .round-l-1 { border-top-left-radius: 4rpx !important; border-bottom-left-radius: 4rpx !important; } .round-l-2 { border-top-left-radius: 8rpx !important; border-bottom-left-radius: 8rpx !important; } .round-l-3 { border-top-left-radius: 12rpx !important; border-bottom-left-radius: 12rpx !important; } .round-l-4 { border-top-left-radius: 16rpx !important; border-bottom-left-radius: 16rpx !important; } .round-l-5 { border-top-left-radius: 20rpx !important; border-bottom-left-radius: 20rpx !important; } .round-l-6 { border-top-left-radius: 24rpx !important; border-bottom-left-radius: 24rpx !important; } .round-l-7 { border-top-left-radius: 28rpx !important; border-bottom-left-radius: 28rpx !important; } .round-l-8 { border-top-left-radius: 32rpx !important; border-bottom-left-radius: 32rpx !important; } .round-l-9 { border-top-left-radius: 36rpx !important; border-bottom-left-radius: 36rpx !important; } .round-l-10 { border-top-left-radius: 40rpx !important; border-bottom-left-radius: 40rpx !important; } .round-l-11 { border-top-left-radius: 44rpx !important; border-bottom-left-radius: 44rpx !important; } .round-l-12 { border-top-left-radius: 48rpx !important; border-bottom-left-radius: 48rpx !important; } .round-l-13 { border-top-left-radius: 52rpx !important; border-bottom-left-radius: 52rpx !important; } .round-l-14 { border-top-left-radius: 56rpx !important; border-bottom-left-radius: 56rpx !important; } .round-l-15 { border-top-left-radius: 60rpx !important; border-bottom-left-radius: 60rpx !important; } .round-l-16 { border-top-left-radius: 64rpx !important; border-bottom-left-radius: 64rpx !important; } .round-l-17 { border-top-left-radius: 68rpx !important; border-bottom-left-radius: 68rpx !important; } .round-l-18 { border-top-left-radius: 72rpx !important; border-bottom-left-radius: 72rpx !important; } .round-l-19 { border-top-left-radius: 76rpx !important; border-bottom-left-radius: 76rpx !important; } .round-l-20 { border-top-left-radius: 80rpx !important; border-bottom-left-radius: 80rpx !important; } .round-l-21 { border-top-left-radius: 84rpx !important; border-bottom-left-radius: 84rpx !important; } .round-l-22 { border-top-left-radius: 88rpx !important; border-bottom-left-radius: 88rpx !important; } .round-l-23 { border-top-left-radius: 92rpx !important; border-bottom-left-radius: 92rpx !important; } .round-l-24 { border-top-left-radius: 96rpx !important; border-bottom-left-radius: 96rpx !important; } .round-l-25 { border-top-left-radius: 100rpx !important; border-bottom-left-radius: 100rpx !important; } .round-r-0 { border-top-right-radius: 0rpx !important; border-bottom-right-radius: 0rpx !important; } .round-r-1 { border-top-right-radius: 4rpx !important; border-bottom-right-radius: 4rpx !important; } .round-r-2 { border-top-right-radius: 8rpx !important; border-bottom-right-radius: 8rpx !important; } .round-r-3 { border-top-right-radius: 12rpx !important; border-bottom-right-radius: 12rpx !important; } .round-r-4 { border-top-right-radius: 16rpx !important; border-bottom-right-radius: 16rpx !important; } .round-r-5 { border-top-right-radius: 20rpx !important; border-bottom-right-radius: 20rpx !important; } .round-r-6 { border-top-right-radius: 24rpx !important; border-bottom-right-radius: 24rpx !important; } .round-r-7 { border-top-right-radius: 28rpx !important; border-bottom-right-radius: 28rpx !important; } .round-r-8 { border-top-right-radius: 32rpx !important; border-bottom-right-radius: 32rpx !important; } .round-r-9 { border-top-right-radius: 36rpx !important; border-bottom-right-radius: 36rpx !important; } .round-r-10 { border-top-right-radius: 40rpx !important; border-bottom-right-radius: 40rpx !important; } .round-r-11 { border-top-right-radius: 44rpx !important; border-bottom-right-radius: 44rpx !important; } .round-r-12 { border-top-right-radius: 48rpx !important; border-bottom-right-radius: 48rpx !important; } .round-r-13 { border-top-right-radius: 52rpx !important; border-bottom-right-radius: 52rpx !important; } .round-r-14 { border-top-right-radius: 56rpx !important; border-bottom-right-radius: 56rpx !important; } .round-r-15 { border-top-right-radius: 60rpx !important; border-bottom-right-radius: 60rpx !important; } .round-r-16 { border-top-right-radius: 64rpx !important; border-bottom-right-radius: 64rpx !important; } .round-r-17 { border-top-right-radius: 68rpx !important; border-bottom-right-radius: 68rpx !important; } .round-r-18 { border-top-right-radius: 72rpx !important; border-bottom-right-radius: 72rpx !important; } .round-r-19 { border-top-right-radius: 76rpx !important; border-bottom-right-radius: 76rpx !important; } .round-r-20 { border-top-right-radius: 80rpx !important; border-bottom-right-radius: 80rpx !important; } .round-r-21 { border-top-right-radius: 84rpx !important; border-bottom-right-radius: 84rpx !important; } .round-r-22 { border-top-right-radius: 88rpx !important; border-bottom-right-radius: 88rpx !important; } .round-r-23 { border-top-right-radius: 92rpx !important; border-bottom-right-radius: 92rpx !important; } .round-r-24 { border-top-right-radius: 96rpx !important; border-bottom-right-radius: 96rpx !important; } .round-r-25 { border-top-right-radius: 100rpx !important; border-bottom-right-radius: 100rpx !important; } .round-0 { border-radius: 0rpx; } .round-1 { border-radius: 4rpx; } .round-2 { border-radius: 8rpx; } .round-3 { border-radius: 12rpx; } .round-4 { border-radius: 16rpx; } .round-5 { border-radius: 20rpx; } .round-6 { border-radius: 24rpx; } .round-7 { border-radius: 28rpx; } .round-8 { border-radius: 32rpx; } .round-9 { border-radius: 36rpx; } .round-10 { border-radius: 40rpx; } .round-11 { border-radius: 44rpx; } .round-12 { border-radius: 48rpx; } .round-13 { border-radius: 52rpx; } .round-14 { border-radius: 56rpx; } .round-15 { border-radius: 60rpx; } .round-16 { border-radius: 64rpx; } .round-17 { border-radius: 68rpx; } .round-18 { border-radius: 72rpx; } .round-19 { border-radius: 76rpx; } .round-20 { border-radius: 80rpx; } .round-21 { border-radius: 84rpx; } .round-22 { border-radius: 88rpx; } .round-23 { border-radius: 92rpx; } .round-24 { border-radius: 96rpx; } .round-25 { border-radius: 100rpx; } .round-26 { border-radius: 104rpx; } .rounded { border-radius: 50% !important; } .opacity-0 { opacity: 0; } .opacity-1 { opacity: 0.1; } .opacity-2 { opacity: 0.2; } .opacity-3 { opacity: 0.3; } .opacity-4 { opacity: 0.4; } .opacity-5 { opacity: 0.5; } .opacity-6 { opacity: 0.6; } .opacity-7 { opacity: 0.7; } .opacity-8 { opacity: 0.8; } .opacity-9 { opacity: 0.9; } .opacity-10 { opacity: 1; } /* #ifndef APP-PLUS-NVUE */ .shadow { box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08); } .shadow-0 { box-shadow: 0 0rpx 10rpx rgba(0, 0, 0, 0.08); } .shadow-1 { box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08); } .shadow-2 { box-shadow: 0 4rpx 14rpx rgba(0, 0, 0, 0.08); } .shadow-3 { box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.08); } .shadow-4 { box-shadow: 0 8rpx 18rpx rgba(0, 0, 0, 0.08); } .shadow-5 { box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08); } .shadow-6 { box-shadow: 0 12rpx 22rpx rgba(0, 0, 0, 0.08); } .shadow-7 { box-shadow: 0 14rpx 24rpx rgba(0, 0, 0, 0.08); } .shadow-8 { box-shadow: 0 16rpx 26rpx rgba(0, 0, 0, 0.08); } .shadow-9 { box-shadow: 0 18rpx 28rpx rgba(0, 0, 0, 0.08); } .shadow-10 { box-shadow: 0 20rpx 30rpx rgba(0, 0, 0, 0.08); } .shadow-11 { box-shadow: 0 22rpx 32rpx rgba(0, 0, 0, 0.08); } .shadow-12 { box-shadow: 0 24rpx 34rpx rgba(0, 0, 0, 0.08); } .shadow-13 { box-shadow: 0 26rpx 36rpx rgba(0, 0, 0, 0.08); } .shadow-14 { box-shadow: 0 28rpx 38rpx rgba(0, 0, 0, 0.08); } .shadow-15 { box-shadow: 0 30rpx 40rpx rgba(0, 0, 0, 0.08); } .shadow-16 { box-shadow: 0 32rpx 42rpx rgba(0, 0, 0, 0.08); } .shadow-17 { box-shadow: 0 34rpx 44rpx rgba(0, 0, 0, 0.08); } .shadow-18 { box-shadow: 0 36rpx 46rpx rgba(0, 0, 0, 0.08); } .shadow-19 { box-shadow: 0 38rpx 48rpx rgba(0, 0, 0, 0.08); } .shadow-20 { box-shadow: 0 40rpx 50rpx rgba(0, 0, 0, 0.08); } .shadow-21 { box-shadow: 0 42rpx 52rpx rgba(0, 0, 0, 0.08); } .shadow-22 { box-shadow: 0 44rpx 54rpx rgba(0, 0, 0, 0.08); } .shadow-23 { box-shadow: 0 46rpx 56rpx rgba(0, 0, 0, 0.08); } .shadow-24 { box-shadow: 0 48rpx 58rpx rgba(0, 0, 0, 0.08); } .shadow-25 { box-shadow: 0 50rpx 60rpx rgba(0, 0, 0, 0.08); } /* #endif */ .border-0 { border: solid 0rpx #f5f5f5 !important; } .border-0-bk { border: solid 0rpx #282828 !important; } .border { border: solid 2rpx #f5f5f5 !important; } .border-bk { border: solid 2rpx #282828 !important; } .border-1 { border: solid 2px #f5f5f5 !important; } .border-1-bk { border: solid 2px #f5f5f5 !important; } .border-2 { border: solid 4px #f5f5f5 !important; } .border-2-bk { border: solid 4px #f5f5f5 !important; } .border-3 { border: solid 6px #f5f5f5 !important; } .border-3-bk { border: solid 6px #f5f5f5 !important; } .border-4 { border: solid 8px #f5f5f5 !important; } .border-4-bk { border: solid 8px #f5f5f5 !important; } .border-5 { border: solid 10px #f5f5f5 !important; } .border-5-bk { border: solid 10px #f5f5f5 !important; } .border-l-1 { border-left: solid 2rpx whitesmoke !important; } .border-l-1-bk { border-left: solid 2rpx #282828 !important; } .border-l-2 { border-left: solid 4rpx whitesmoke !important; } .border-l-2-bk { border-left: solid 4rpx #282828 !important; } .border-l-3 { border-left: solid 6rpx whitesmoke !important; } .border-l-3-bk { border-left: solid 6rpx #282828 !important; } .border-l-4 { border-left: solid 8rpx whitesmoke !important; } .border-l-4-bk { border-left: solid 8rpx #282828 !important; } .border-l-5 { border-left: solid 10rpx whitesmoke !important; } .border-l-5-bk { border-left: solid 10rpx #282828 !important; } .border-r-1 { border-right: solid 2rpx whitesmoke !important; } .border-r-1-bk { border-right: solid 2rpx #282828 !important; } .border-r-2 { border-right: solid 4rpx whitesmoke !important; } .border-r-2-bk { border-right: solid 4rpx #282828 !important; } .border-r-3 { border-right: solid 6rpx whitesmoke !important; } .border-r-3-bk { border-right: solid 6rpx #282828 !important; } .border-r-4 { border-right: solid 8rpx whitesmoke !important; } .border-r-4-bk { border-right: solid 8rpx #282828 !important; } .border-r-5 { border-right: solid 10rpx whitesmoke !important; } .border-r-5-bk { border-right: solid 10rpx #282828 !important; } .border-t-1 { border-top: solid 2rpx whitesmoke !important; } .border-t-1-bk { border-top: solid 2rpx #282828 !important; } .border-t-2 { border-top: solid 4rpx whitesmoke !important; } .border-t-2-bk { border-top: solid 4rpx #282828 !important; } .border-t-3 { border-top: solid 6rpx whitesmoke !important; } .border-t-3-bk { border-top: solid 6rpx #282828 !important; } .border-t-4 { border-top: solid 8rpx whitesmoke !important; } .border-t-4-bk { border-top: solid 8rpx #282828 !important; } .border-t-5 { border-top: solid 10rpx whitesmoke !important; } .border-t-5-bk { border-top: solid 10rpx #282828 !important; } .border-b-1 { border-bottom: solid 2rpx whitesmoke !important; } .border-b-1-bk { border-bottom: solid 2rpx #282828 !important; } .border-b-2 { border-bottom: solid 4rpx whitesmoke !important; } .border-b-2-bk { border-bottom: solid 4rpx #282828 !important; } .border-b-3 { border-bottom: solid 6rpx whitesmoke !important; } .border-b-3-bk { border-bottom: solid 6rpx #282828 !important; } .border-b-4 { border-bottom: solid 8rpx whitesmoke !important; } .border-b-4-bk { border-bottom: solid 8rpx #282828 !important; } .border-b-5 { border-bottom: solid 10rpx whitesmoke !important; } .border-b-5-bk { border-bottom: solid 10rpx #282828 !important; } .border-a-1 { border: solid 2rpx whitesmoke !important; } .border-a-1-bk { border: solid 2rpx #282828 !important; } .border-a-2 { border: solid 4rpx whitesmoke !important; } .border-a-2-bk { border: solid 4rpx #282828 !important; } .border-a-3 { border: solid 6rpx whitesmoke !important; } .border-a-3-bk { border: solid 6rpx #282828 !important; } .border-a-4 { border: solid 8rpx whitesmoke !important; } .border-a-4-bk { border: solid 8rpx #282828 !important; } .border-a-5 { border: solid 10rpx whitesmoke !important; } .border-a-5-bk { border: solid 10rpx #282828 !important; } .pa-0 { padding: 0rpx; } .pa-1 { padding: 1rpx; } .pa-2 { padding: 2rpx; } .pa-3 { padding: 3rpx; } .pa-4 { padding: 4rpx; } .pa-5 { padding: 5rpx; } .pa-6 { padding: 6rpx; } .pa-7 { padding: 7rpx; } .pa-8 { padding: 8rpx; } .pa-9 { padding: 9rpx; } .pa-10 { padding: 10rpx; } .pa-11 { padding: 11rpx; } .pa-12 { padding: 12rpx; } .pa-13 { padding: 13rpx; } .pa-14 { padding: 14rpx; } .pa-15 { padding: 15rpx; } .pa-16 { padding: 16rpx; } .pa-17 { padding: 17rpx; } .pa-18 { padding: 18rpx; } .pa-19 { padding: 19rpx; } .pa-20 { padding: 20rpx; } .pa-21 { padding: 21rpx; } .pa-22 { padding: 22rpx; } .pa-23 { padding: 23rpx; } .pa-24 { padding: 24rpx; } .pa-25 { padding: 25rpx; } .pa-26 { padding: 26rpx; } .pa-27 { padding: 27rpx; } .pa-28 { padding: 28rpx; } .pa-29 { padding: 29rpx; } .pa-30 { padding: 30rpx; } .pa-31 { padding: 31rpx; } .pa-32 { padding: 32rpx; } .pa-33 { padding: 33rpx; } .pa-34 { padding: 34rpx; } .pa-35 { padding: 35rpx; } .pa-36 { padding: 36rpx; } .pa-37 { padding: 37rpx; } .pa-38 { padding: 38rpx; } .pa-39 { padding: 39rpx; } .pa-40 { padding: 40rpx; } .pa-41 { padding: 41rpx; } .pa-42 { padding: 42rpx; } .pa-43 { padding: 43rpx; } .pa-44 { padding: 44rpx; } .pa-45 { padding: 45rpx; } .pa-46 { padding: 46rpx; } .pa-47 { padding: 47rpx; } .pa-48 { padding: 48rpx; } .pa-49 { padding: 49rpx; } .pa-50 { padding: 50rpx; } .pa-n1 { padding: 4rpx; } .pa-n2 { padding: 8rpx; } .pa-n3 { padding: 12rpx; } .pa-n4 { padding: 16rpx; } .pa-n5 { padding: 20rpx; } .pa-n6 { padding: 24rpx; } .pa-n7 { padding: 28rpx; } .pa-n8 { padding: 32rpx; } .pa-n9 { padding: 36rpx; } .pa-n10 { padding: 40rpx; } .pa-n11 { padding: 44rpx; } .pa-n12 { padding: 48rpx; } .pa-n13 { padding: 52rpx; } .pa-n14 { padding: 56rpx; } .pa-n15 { padding: 60rpx; } .pa-n16 { padding: 64rpx; } .pa-n17 { padding: 68rpx; } .pa-n18 { padding: 72rpx; } .pa-n19 { padding: 76rpx; } .pa-n20 { padding: 80rpx; } .pa-n21 { padding: 84rpx; } .pa-n22 { padding: 88rpx; } .pa-n23 { padding: 92rpx; } .pa-n24 { padding: 96rpx; } .pa-n25 { padding: 100rpx; } .pt-0 { padding-top: 0rpx; } .pt-1 { padding-top: 1rpx; } .pt-2 { padding-top: 2rpx; } .pt-3 { padding-top: 3rpx; } .pt-4 { padding-top: 4rpx; } .pt-5 { padding-top: 5rpx; } .pt-6 { padding-top: 6rpx; } .pt-7 { padding-top: 7rpx; } .pt-8 { padding-top: 8rpx; } .pt-9 { padding-top: 9rpx; } .pt-10 { padding-top: 10rpx; } .pt-11 { padding-top: 11rpx; } .pt-12 { padding-top: 12rpx; } .pt-13 { padding-top: 13rpx; } .pt-14 { padding-top: 14rpx; } .pt-15 { padding-top: 15rpx; } .pt-16 { padding-top: 16rpx; } .pt-17 { padding-top: 17rpx; } .pt-18 { padding-top: 18rpx; } .pt-19 { padding-top: 19rpx; } .pt-20 { padding-top: 20rpx; } .pt-21 { padding-top: 21rpx; } .pt-22 { padding-top: 22rpx; } .pt-23 { padding-top: 23rpx; } .pt-24 { padding-top: 24rpx; } .pt-25 { padding-top: 25rpx; } .pt-26 { padding-top: 26rpx; } .pt-27 { padding-top: 27rpx; } .pt-28 { padding-top: 28rpx; } .pt-29 { padding-top: 29rpx; } .pt-30 { padding-top: 30rpx; } .pt-31 { padding-top: 31rpx; } .pt-32 { padding-top: 32rpx; } .pt-33 { padding-top: 33rpx; } .pt-34 { padding-top: 34rpx; } .pt-35 { padding-top: 35rpx; } .pt-36 { padding-top: 36rpx; } .pt-37 { padding-top: 37rpx; } .pt-38 { padding-top: 38rpx; } .pt-39 { padding-top: 39rpx; } .pt-40 { padding-top: 40rpx; } .pt-41 { padding-top: 41rpx; } .pt-42 { padding-top: 42rpx; } .pt-43 { padding-top: 43rpx; } .pt-44 { padding-top: 44rpx; } .pt-45 { padding-top: 45rpx; } .pt-46 { padding-top: 46rpx; } .pt-47 { padding-top: 47rpx; } .pt-48 { padding-top: 48rpx; } .pt-49 { padding-top: 49rpx; } .pt-50 { padding-top: 50rpx; } .pt-n1 { padding-top: 4rpx; } .pt-n2 { padding-top: 8rpx; } .pt-n3 { padding-top: 12rpx; } .pt-n4 { padding-top: 16rpx; } .pt-n5 { padding-top: 20rpx; } .pt-n6 { padding-top: 24rpx; } .pt-n7 { padding-top: 28rpx; } .pt-n8 { padding-top: 32rpx; } .pt-n9 { padding-top: 36rpx; } .pt-n10 { padding-top: 40rpx; } .pt-n11 { padding-top: 44rpx; } .pt-n12 { padding-top: 48rpx; } .pt-n13 { padding-top: 52rpx; } .pt-n14 { padding-top: 56rpx; } .pt-n15 { padding-top: 60rpx; } .pt-n16 { padding-top: 64rpx; } .pt-n17 { padding-top: 68rpx; } .pt-n18 { padding-top: 72rpx; } .pt-n19 { padding-top: 76rpx; } .pt-n20 { padding-top: 80rpx; } .pt-n21 { padding-top: 84rpx; } .pt-n22 { padding-top: 88rpx; } .pt-n23 { padding-top: 92rpx; } .pt-n24 { padding-top: 96rpx; } .pt-n25 { padding-top: 100rpx; } .pr-0 { padding-right: 0rpx; } .pr-1 { padding-right: 1rpx; } .pr-2 { padding-right: 2rpx; } .pr-3 { padding-right: 3rpx; } .pr-4 { padding-right: 4rpx; } .pr-5 { padding-right: 5rpx; } .pr-6 { padding-right: 6rpx; } .pr-7 { padding-right: 7rpx; } .pr-8 { padding-right: 8rpx; } .pr-9 { padding-right: 9rpx; } .pr-10 { padding-right: 10rpx; } .pr-11 { padding-right: 11rpx; } .pr-12 { padding-right: 12rpx; } .pr-13 { padding-right: 13rpx; } .pr-14 { padding-right: 14rpx; } .pr-15 { padding-right: 15rpx; } .pr-16 { padding-right: 16rpx; } .pr-17 { padding-right: 17rpx; } .pr-18 { padding-right: 18rpx; } .pr-19 { padding-right: 19rpx; } .pr-20 { padding-right: 20rpx; } .pr-21 { padding-right: 21rpx; } .pr-22 { padding-right: 22rpx; } .pr-23 { padding-right: 23rpx; } .pr-24 { padding-right: 24rpx; } .pr-25 { padding-right: 25rpx; } .pr-26 { padding-right: 26rpx; } .pr-27 { padding-right: 27rpx; } .pr-28 { padding-right: 28rpx; } .pr-29 { padding-right: 29rpx; } .pr-30 { padding-right: 30rpx; } .pr-31 { padding-right: 31rpx; } .pr-32 { padding-right: 32rpx; } .pr-33 { padding-right: 33rpx; } .pr-34 { padding-right: 34rpx; } .pr-35 { padding-right: 35rpx; } .pr-36 { padding-right: 36rpx; } .pr-37 { padding-right: 37rpx; } .pr-38 { padding-right: 38rpx; } .pr-39 { padding-right: 39rpx; } .pr-40 { padding-right: 40rpx; } .pr-41 { padding-right: 41rpx; } .pr-42 { padding-right: 42rpx; } .pr-43 { padding-right: 43rpx; } .pr-44 { padding-right: 44rpx; } .pr-45 { padding-right: 45rpx; } .pr-46 { padding-right: 46rpx; } .pr-47 { padding-right: 47rpx; } .pr-48 { padding-right: 48rpx; } .pr-49 { padding-right: 49rpx; } .pr-50 { padding-right: 50rpx; } .pr-n1 { padding-right: 4rpx; } .pr-n2 { padding-right: 8rpx; } .pr-n3 { padding-right: 12rpx; } .pr-n4 { padding-right: 16rpx; } .pr-n5 { padding-right: 20rpx; } .pr-n6 { padding-right: 24rpx; } .pr-n7 { padding-right: 28rpx; } .pr-n8 { padding-right: 32rpx; } .pr-n9 { padding-right: 36rpx; } .pr-n10 { padding-right: 40rpx; } .pr-n11 { padding-right: 44rpx; } .pr-n12 { padding-right: 48rpx; } .pr-n13 { padding-right: 52rpx; } .pr-n14 { padding-right: 56rpx; } .pr-n15 { padding-right: 60rpx; } .pr-n16 { padding-right: 64rpx; } .pr-n17 { padding-right: 68rpx; } .pr-n18 { padding-right: 72rpx; } .pr-n19 { padding-right: 76rpx; } .pr-n20 { padding-right: 80rpx; } .pr-n21 { padding-right: 84rpx; } .pr-n22 { padding-right: 88rpx; } .pr-n23 { padding-right: 92rpx; } .pr-n24 { padding-right: 96rpx; } .pr-n25 { padding-right: 100rpx; } .pb-0 { padding-bottom: 0rpx; } .pb-1 { padding-bottom: 1rpx; } .pb-2 { padding-bottom: 2rpx; } .pb-3 { padding-bottom: 3rpx; } .pb-4 { padding-bottom: 4rpx; } .pb-5 { padding-bottom: 5rpx; } .pb-6 { padding-bottom: 6rpx; } .pb-7 { padding-bottom: 7rpx; } .pb-8 { padding-bottom: 8rpx; } .pb-9 { padding-bottom: 9rpx; } .pb-10 { padding-bottom: 10rpx; } .pb-11 { padding-bottom: 11rpx; } .pb-12 { padding-bottom: 12rpx; } .pb-13 { padding-bottom: 13rpx; } .pb-14 { padding-bottom: 14rpx; } .pb-15 { padding-bottom: 15rpx; } .pb-16 { padding-bottom: 16rpx; } .pb-17 { padding-bottom: 17rpx; } .pb-18 { padding-bottom: 18rpx; } .pb-19 { padding-bottom: 19rpx; } .pb-20 { padding-bottom: 20rpx; } .pb-21 { padding-bottom: 21rpx; } .pb-22 { padding-bottom: 22rpx; } .pb-23 { padding-bottom: 23rpx; } .pb-24 { padding-bottom: 24rpx; } .pb-25 { padding-bottom: 25rpx; } .pb-26 { padding-bottom: 26rpx; } .pb-27 { padding-bottom: 27rpx; } .pb-28 { padding-bottom: 28rpx; } .pb-29 { padding-bottom: 29rpx; } .pb-30 { padding-bottom: 30rpx; } .pb-31 { padding-bottom: 31rpx; } .pb-32 { padding-bottom: 32rpx; } .pb-33 { padding-bottom: 33rpx; } .pb-34 { padding-bottom: 34rpx; } .pb-35 { padding-bottom: 35rpx; } .pb-36 { padding-bottom: 36rpx; } .pb-37 { padding-bottom: 37rpx; } .pb-38 { padding-bottom: 38rpx; } .pb-39 { padding-bottom: 39rpx; } .pb-40 { padding-bottom: 40rpx; } .pb-41 { padding-bottom: 41rpx; } .pb-42 { padding-bottom: 42rpx; } .pb-43 { padding-bottom: 43rpx; } .pb-44 { padding-bottom: 44rpx; } .pb-45 { padding-bottom: 45rpx; } .pb-46 { padding-bottom: 46rpx; } .pb-47 { padding-bottom: 47rpx; } .pb-48 { padding-bottom: 48rpx; } .pb-49 { padding-bottom: 49rpx; } .pb-50 { padding-bottom: 50rpx; } .pb-n1 { padding-bottom: 4rpx; } .pb-n2 { padding-bottom: 8rpx; } .pb-n3 { padding-bottom: 12rpx; } .pb-n4 { padding-bottom: 16rpx; } .pb-n5 { padding-bottom: 20rpx; } .pb-n6 { padding-bottom: 24rpx; } .pb-n7 { padding-bottom: 28rpx; } .pb-n8 { padding-bottom: 32rpx; } .pb-n9 { padding-bottom: 36rpx; } .pb-n10 { padding-bottom: 40rpx; } .pb-n11 { padding-bottom: 44rpx; } .pb-n12 { padding-bottom: 48rpx; } .pb-n13 { padding-bottom: 52rpx; } .pb-n14 { padding-bottom: 56rpx; } .pb-n15 { padding-bottom: 60rpx; } .pb-n16 { padding-bottom: 64rpx; } .pb-n17 { padding-bottom: 68rpx; } .pb-n18 { padding-bottom: 72rpx; } .pb-n19 { padding-bottom: 76rpx; } .pb-n20 { padding-bottom: 80rpx; } .pb-n21 { padding-bottom: 84rpx; } .pb-n22 { padding-bottom: 88rpx; } .pb-n23 { padding-bottom: 92rpx; } .pb-n24 { padding-bottom: 96rpx; } .pb-n25 { padding-bottom: 100rpx; } .pl-0 { padding-left: 0rpx; } .pl-1 { padding-left: 1rpx; } .pl-2 { padding-left: 2rpx; } .pl-3 { padding-left: 3rpx; } .pl-4 { padding-left: 4rpx; } .pl-5 { padding-left: 5rpx; } .pl-6 { padding-left: 6rpx; } .pl-7 { padding-left: 7rpx; } .pl-8 { padding-left: 8rpx; } .pl-9 { padding-left: 9rpx; } .pl-10 { padding-left: 10rpx; } .pl-11 { padding-left: 11rpx; } .pl-12 { padding-left: 12rpx; } .pl-13 { padding-left: 13rpx; } .pl-14 { padding-left: 14rpx; } .pl-15 { padding-left: 15rpx; } .pl-16 { padding-left: 16rpx; } .pl-17 { padding-left: 17rpx; } .pl-18 { padding-left: 18rpx; } .pl-19 { padding-left: 19rpx; } .pl-20 { padding-left: 20rpx; } .pl-21 { padding-left: 21rpx; } .pl-22 { padding-left: 22rpx; } .pl-23 { padding-left: 23rpx; } .pl-24 { padding-left: 24rpx; } .pl-25 { padding-left: 25rpx; } .pl-26 { padding-left: 26rpx; } .pl-27 { padding-left: 27rpx; } .pl-28 { padding-left: 28rpx; } .pl-29 { padding-left: 29rpx; } .pl-30 { padding-left: 30rpx; } .pl-31 { padding-left: 31rpx; } .pl-32 { padding-left: 32rpx; } .pl-33 { padding-left: 33rpx; } .pl-34 { padding-left: 34rpx; } .pl-35 { padding-left: 35rpx; } .pl-36 { padding-left: 36rpx; } .pl-37 { padding-left: 37rpx; } .pl-38 { padding-left: 38rpx; } .pl-39 { padding-left: 39rpx; } .pl-40 { padding-left: 40rpx; } .pl-41 { padding-left: 41rpx; } .pl-42 { padding-left: 42rpx; } .pl-43 { padding-left: 43rpx; } .pl-44 { padding-left: 44rpx; } .pl-45 { padding-left: 45rpx; } .pl-46 { padding-left: 46rpx; } .pl-47 { padding-left: 47rpx; } .pl-48 { padding-left: 48rpx; } .pl-49 { padding-left: 49rpx; } .pl-50 { padding-left: 50rpx; } .pl-n1 { padding-left: 4rpx; } .pl-n2 { padding-left: 8rpx; } .pl-n3 { padding-left: 12rpx; } .pl-n4 { padding-left: 16rpx; } .pl-n5 { padding-left: 20rpx; } .pl-n6 { padding-left: 24rpx; } .pl-n7 { padding-left: 28rpx; } .pl-n8 { padding-left: 32rpx; } .pl-n9 { padding-left: 36rpx; } .pl-n10 { padding-left: 40rpx; } .pl-n11 { padding-left: 44rpx; } .pl-n12 { padding-left: 48rpx; } .pl-n13 { padding-left: 52rpx; } .pl-n14 { padding-left: 56rpx; } .pl-n15 { padding-left: 60rpx; } .pl-n16 { padding-left: 64rpx; } .pl-n17 { padding-left: 68rpx; } .pl-n18 { padding-left: 72rpx; } .pl-n19 { padding-left: 76rpx; } .pl-n20 { padding-left: 80rpx; } .pl-n21 { padding-left: 84rpx; } .pl-n22 { padding-left: 88rpx; } .pl-n23 { padding-left: 92rpx; } .pl-n24 { padding-left: 96rpx; } .pl-n25 { padding-left: 100rpx; } .px-0 { padding-left: 0rpx; padding-right: 0rpx; } .px-1 { padding-left: 1rpx; padding-right: 1rpx; } .px-2 { padding-left: 2rpx; padding-right: 2rpx; } .px-3 { padding-left: 3rpx; padding-right: 3rpx; } .px-4 { padding-left: 4rpx; padding-right: 4rpx; } .px-5 { padding-left: 5rpx; padding-right: 5rpx; } .px-6 { padding-left: 6rpx; padding-right: 6rpx; } .px-7 { padding-left: 7rpx; padding-right: 7rpx; } .px-8 { padding-left: 8rpx; padding-right: 8rpx; } .px-9 { padding-left: 9rpx; padding-right: 9rpx; } .px-10 { padding-left: 10rpx; padding-right: 10rpx; } .px-11 { padding-left: 11rpx; padding-right: 11rpx; } .px-12 { padding-left: 12rpx; padding-right: 12rpx; } .px-13 { padding-left: 13rpx; padding-right: 13rpx; } .px-14 { padding-left: 14rpx; padding-right: 14rpx; } .px-15 { padding-left: 15rpx; padding-right: 15rpx; } .px-16 { padding-left: 16rpx; padding-right: 16rpx; } .px-17 { padding-left: 17rpx; padding-right: 17rpx; } .px-18 { padding-left: 18rpx; padding-right: 18rpx; } .px-19 { padding-left: 19rpx; padding-right: 19rpx; } .px-20 { padding-left: 20rpx; padding-right: 20rpx; } .px-21 { padding-left: 21rpx; padding-right: 21rpx; } .px-22 { padding-left: 22rpx; padding-right: 22rpx; } .px-23 { padding-left: 23rpx; padding-right: 23rpx; } .px-24 { padding-left: 24rpx; padding-right: 24rpx; } .px-25 { padding-left: 25rpx; padding-right: 25rpx; } .px-26 { padding-left: 26rpx; padding-right: 26rpx; } .px-27 { padding-left: 27rpx; padding-right: 27rpx; } .px-28 { padding-left: 28rpx; padding-right: 28rpx; } .px-29 { padding-left: 29rpx; padding-right: 29rpx; } .px-30 { padding-left: 30rpx; padding-right: 30rpx; } .px-31 { padding-left: 31rpx; padding-right: 31rpx; } .px-32 { padding-left: 32rpx; padding-right: 32rpx; } .px-33 { padding-left: 33rpx; padding-right: 33rpx; } .px-34 { padding-left: 34rpx; padding-right: 34rpx; } .px-35 { padding-left: 35rpx; padding-right: 35rpx; } .px-36 { padding-left: 36rpx; padding-right: 36rpx; } .px-37 { padding-left: 37rpx; padding-right: 37rpx; } .px-38 { padding-left: 38rpx; padding-right: 38rpx; } .px-39 { padding-left: 39rpx; padding-right: 39rpx; } .px-40 { padding-left: 40rpx; padding-right: 40rpx; } .px-41 { padding-left: 41rpx; padding-right: 41rpx; } .px-42 { padding-left: 42rpx; padding-right: 42rpx; } .px-43 { padding-left: 43rpx; padding-right: 43rpx; } .px-44 { padding-left: 44rpx; padding-right: 44rpx; } .px-45 { padding-left: 45rpx; padding-right: 45rpx; } .px-46 { padding-left: 46rpx; padding-right: 46rpx; } .px-47 { padding-left: 47rpx; padding-right: 47rpx; } .px-48 { padding-left: 48rpx; padding-right: 48rpx; } .px-49 { padding-left: 49rpx; padding-right: 49rpx; } .px-50 { padding-left: 50rpx; padding-right: 50rpx; } .px-n1 { padding-left: 4rpx; padding-right: 4rpx; } .px-n2 { padding-left: 8rpx; padding-right: 8rpx; } .px-n3 { padding-left: 12rpx; padding-right: 12rpx; } .px-n4 { padding-left: 16rpx; padding-right: 16rpx; } .px-n5 { padding-left: 20rpx; padding-right: 20rpx; } .px-n6 { padding-left: 24rpx; padding-right: 24rpx; } .px-n7 { padding-left: 28rpx; padding-right: 28rpx; } .px-n8 { padding-left: 32rpx; padding-right: 32rpx; } .px-n9 { padding-left: 36rpx; padding-right: 36rpx; } .px-n10 { padding-left: 40rpx; padding-right: 40rpx; } .px-n11 { padding-left: 44rpx; padding-right: 44rpx; } .px-n12 { padding-left: 48rpx; padding-right: 48rpx; } .px-n13 { padding-left: 52rpx; padding-right: 52rpx; } .px-n14 { padding-left: 56rpx; padding-right: 56rpx; } .px-n15 { padding-left: 60rpx; padding-right: 60rpx; } .px-n16 { padding-l