.flex-between-center { display: flex; justify-content: space-between; align-items: center; } .flex-around-center { display: flex; justify-content: space-around; align-items: center; } .flex-center { display: flex; justify-content: center; align-items: center; } .flex-col { display: flex; flex-direction: column; } .flex-x-center { display: flex; justify-content: center; } .flex-y-center { display: flex; align-items: center; } .self-center{ align-self: center; } .grid-column-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; } .grid-column-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; } .grid-column-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: none; } .grid-column-5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: none; } .top-2 { top:-2rpx !important; } .top-40 { top:40% !important; } .top-45 { top:45% !important; } .top-43 { top:43% !important; } .bottom-t20{ bottom: 40rpx !important; } .bottom-f100rpx{ bottom: -100rpx !important; } .abs-rb { position: absolute; right: 0; bottom: 0; } .abs-lb { position: absolute; left: 0; bottom: 0; } .abs-lt { position: absolute; left: 0; top: 0; } .abs-rt { position: absolute; right: 0; top: 0; } .abs-ct { position: absolute; left:50%; top: 0; margin-left: -16.7%; } .abs-y-center { position: absolute; top: 50%; --un-translate-y: -50%; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .fixed-lb { position: fixed; left: 0; bottom: 0; } .fixed-lt { position: fixed; left: 0; top: 0; } .p-30rpx { padding: 30rpx; } .px { padding-left: 32rpx; padding-right: 32rpx; } .px-16rpx { padding-left: 16rpx; padding-right: 16rpx; } .px-24rpx { padding-left: 24rpx; padding-right: 24rpx; } .px-44rpx { padding-left: 44rpx; padding-right: 44rpx; } .py-16rpx { padding-top: 16rpx; padding-bottom: 16rpx; } .py-80{ padding-top: 80rpx; padding-bottom: 80rpx; } .pb-26rpx { padding-bottom: 26rpx; } .pt-100rpx { padding-top: 100rpx; } .pt-2 { padding-top: 2rpx; } .pt-10 { padding-top: 10rpx; } .pt-20, .pt-20rpx { padding-top: 20rpx; } .pt-320rpx { padding-top: 320rpx; } .mb-40, .mb-40rpx { margin-bottom: 40rpx; } .mb-48 { margin-bottom: 48rpx; } .ml-20, .ml-20rpx { margin-left: 20rpx; } .ml-50{ margin-left: 50rpx; } .mt-100rpx { margin-top: 100rpx; } .mt-200rpx { margin-top: 200rpx; } .mt-20, .mt-20rpx { margin-top: 20rpx; } .mt-22 { margin-top: 22rpx; } .mt-60rpx { margin-top: 60rpx; } .mt-6, .mt-6rpx { margin-top: 6rpx; } .mt-7, .mt-7rpx { margin-top: 7rpx; } .mt-80,.mt-80rpx { margin-top: 80rpx; } .mt-8, .mt-8rpx { margin-top: 8rpx; } .inline { display: inline; } .block { display: block; } .inline-block { display: inline-block; } .hidden { display: none; } .overflow{ overflow: hidden; } .opacity-05{ opacity: 0.5; } .bg--w111-000 { --un-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--un-bg-opacity)); } .bg--w111-bbb { --un-bg-opacity: 1; background-color: rgba(187, 187, 187, var(--un-bg-opacity)); } .bg--w111-ccc { --un-bg-opacity: 1; background-color: rgba(204, 204, 204, var(--un-bg-opacity)); } .bg--w111-d8d8d8 { --un-bg-opacity: 1; background-color: rgba(216, 216, 216, var(--un-bg-opacity)); } .bg--w111-E93323 { --un-bg-opacity: 1; background-color: rgba(233, 51, 35, var(--un-bg-opacity)); } .bg--w111-eee { --un-bg-opacity: 1; background-color: rgba(238, 238, 238, var(--un-bg-opacity)); } .bg--w111-f5f5f5 { --un-bg-opacity: 1; background-color: rgba(245, 245, 245, var(--un-bg-opacity)); } .bg--w111-F7E9CD { --un-bg-opacity: 1; background-color: rgba(247, 233, 205, var(--un-bg-opacity)); } .bg--w111-FAAD14 { --un-bg-opacity: 1; background-color: rgba(250, 173, 20, var(--un-bg-opacity)); } .bg--w111-FCEAE9 { --un-bg-opacity: 1; background-color: rgba(252, 234, 233, var(--un-bg-opacity)); } .bg--w111-FCF6E5 { --un-bg-opacity: 1; background-color: rgba(252, 246, 229, var(--un-bg-opacity)); } .bg--w111-FFF0D1 { background-color: #FFF0D1; } .bg--w111-fff { --un-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--un-bg-opacity)); } .bg--w111-fff-s111-80 { background-color: rgba(255, 255, 255, 0.8); } .bg-w111-fff-s111-60 { background-color: rgba(255, 255, 255, 0.6); } .bg-w111-000-s111-80 { background-color: rgba(0, 0, 0, 0.8); } .bg-hui { background-color: #ccc; } .bg-primary-con { background-color: var(--primary-theme-con); } .bg-primary-light { background-color: var(--primary-theme-light); } .b, .border { border-width: 1px; } .border-b { border-bottom-width: 1px; } .border-b-s { border-bottom-style: solid; } .b--w111-ccc { --un-border-opacity: 1; border-color: rgba(204, 204, 204, var(--un-border-opacity)); } .b--w111-f5f5f5 { border-color: #F5F5F5; } .rd-12rpx { border-radius: 12rpx; } .rd-14rpx { border-radius: 14rpx; } .rd-16 { border-radius: 128rpx; } .rd-16rpx { border-radius: 16rpx; } .rd-20px { border-radius: 20px; } .rd-20rpx { border-radius: 20rpx; } .rd-24 { border-radius: 192rpx; } .rd-24px { border-radius: 24px; } .rd-24rpx { border-radius: 24rpx; } .rd-28rpx { border-radius: 28rpx; } .rd-2rpx { border-radius: 2rpx; } .rd-30 { border-radius: 240rpx; } .rd-30rpx { border-radius: 30rpx; } .rd-32rpx { border-radius: 32rpx; } .rd-36px { border-radius: 36px; } .rd-36rpx { border-radius: 36rpx; } .rd-3px { border-radius: 3px; } .rd-40rpx { border-radius: 40rpx; } .rd-44rpx { border-radius: 44rpx; } .rd-4rpx { border-radius: 4rpx; } .rd-50-p111- { border-radius: 50%; } .rd-50rpx { border-radius: 50rpx; } .rd-6rpx { border-radius: 6rpx; } .rd-8px { border-radius: 8px; } .rd-8rpx { border-radius: 8rpx; } .rd-b-16rpx { border-bottom-left-radius: 16rpx; border-bottom-right-radius: 16rpx; } .rd-b-20rpx { border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx; } .rd-b-24rpx { border-bottom-left-radius: 24rpx; border-bottom-right-radius: 24rpx; } .rd-b-32rpx { border-bottom-left-radius: 32rpx; border-bottom-right-radius: 32rpx; } .rd-l-32rpx { border-top-left-radius: 32rpx; border-bottom-left-radius: 32rpx; } .rd-r-32rpx { border-top-right-radius: 32rpx; border-bottom-right-radius: 32rpx; } .rd-t-32rpx { border-top-left-radius: 32rpx; border-top-right-radius: 32rpx; } .rd-t-16rpx { border-top-left-radius: 16rpx; border-top-right-radius: 16rpx; } .rd-t-20rpx { border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; } .rd-t-24rpx { border-top-left-radius: 24rpx; border-top-right-radius: 24rpx; } .rd-t-40rpx { border-top-left-radius: 40rpx; border-top-right-radius: 40rpx; } .rd-rt-12rpx { border-top-right-radius: 12rpx; } .b-solid { border-style: solid; } .bg-red { background-color: #e93323; } .fs-24, .text-24rpx { font-size: 24rpx; } .fs-28, .text-28rpx { font-size: 28rpx; } .fs-30, .text-30rpx { font-size: 30rpx; } .fs-38 { font-size: 38rpx; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700, .fw-bold { font-weight: 700; } .max-w-368{ max-width: 368rpx; } .max-w-480{ max-width: 480rpx; } .max-w-596{ max-width: 596rpx; } .max-w-604{ max-width: 604rpx; } .w-33-33p{ width:33.33%; } .w-50p{ width:50%; } .lh-22rpx { line-height: 22rpx; } .lh-24rpx { line-height: 24rpx; } .lh-26rpx { line-height: 26rpx; } .lh-28rpx { line-height: 28rpx; } .lh-30rpx { line-height: 30rpx; } .lh-32rpx { line-height: 32rpx; } .lh-34rpx { line-height: 34rpx; } .lh-36rpx { line-height: 36rpx; } .lh-38rpx { line-height: 38rpx; } .lh-40rpx { line-height: 40rpx; } .lh-42rpx { line-height: 42rpx; } .lh-44rpx { line-height: 44rpx; } .lh-48rpx { line-height: 48rpx; } .lh-50rpx { line-height: 50rpx; } .lh-52rpx { line-height: 52rpx; } .lh-54rpx { line-height: 54rpx; } .lh-56rpx { line-height: 56rpx; } .lh-60rpx { line-height: 60rpx; } .lh-72rpx { line-height: 72rpx; } .lh-80rpx { line-height: 80rpx; } .lh-88rpx { line-height: 88rpx; } .line-through { text-decoration-line: line-through; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .text--w111-222 { --un-text-opacity: 1; color: rgba(34, 34, 34, var(--un-text-opacity)); } .text--w111-282828 { --un-text-opacity: 1; color: rgba(40, 40, 40, var(--un-text-opacity)); } .text--w111-333 { --un-text-opacity: 1; color: rgba(51, 51, 51, var(--un-text-opacity)); } .text--w111-3d3d3d { --un-text-opacity: 1; color: rgba(61, 61, 61, var(--un-text-opacity)); } .text--w111-666 { --un-text-opacity: 1; color: rgba(102, 102, 102, var(--un-text-opacity)); } .text--w111-763B04 { --un-text-opacity: 1; color: rgba(118, 59, 4, var(--un-text-opacity)); } .text--w111-7E4B06 { --un-text-opacity: 1; color: rgba(126, 75, 6, var(--un-text-opacity)); } .text--w111-888 { --un-text-opacity: 1; color: rgba(136, 136, 136, var(--un-text-opacity)); } .text--w111-8e8e8e { --un-text-opacity: 1; color: rgba(142, 142, 142, var(--un-text-opacity)); } .text--w111-999 { --un-text-opacity: 1; color: rgba(153, 153, 153, var(--un-text-opacity)); } .text--w111-aaa { --un-text-opacity: 1; color: rgba(170, 170, 170, var(--un-text-opacity)); } .text--w111-bbb { --un-text-opacity: 1; color: rgba(170, 170, 170, var(--un-text-opacity)); } .text--w111-ccc { --un-text-opacity: 1; color: #ccc; } .text--w111-666 { --un-text-opacity: 1; color: #666; } .text--w111-b3b3b3 { --un-text-opacity: 1; color: rgba(179, 179, 179, var(--un-text-opacity)); } .text--w111-e93323 { --un-text-opacity: 1; color: rgba(233, 51, 35, var(--un-text-opacity)); } .text--w111-FAAD14 { --un-text-opacity: 1; color: rgba(250, 173, 20, var(--un-text-opacity)); } .text--w111-FFD89C { --un-text-opacity: 1; color: rgba(255, 216, 156, var(--un-text-opacity)); } .text--w111-fff { --un-text-opacity: 1; color: rgba(255, 255, 255, var(--un-text-opacity)); } .text-primary-con { color: var(--primary-theme-con); } .inline-flex { display: inline-flex; } .flex { display: flex; } .flex-1 { flex: 1 1 0%; } .flex-wrap { flex-wrap: wrap; } .grid-gap-10rpx { grid-gap: 10rpx; gap: 10rpx; } .grid-gap-16rpx { grid-gap: 16rpx; gap: 16rpx; } .grid-gap-18rpx { grid-gap: 18rpx; gap: 18rpx; } .grid-gap-20rpx { grid-gap: 20rpx; gap: 20rpx; } .grid-gap-22rpx { grid-gap: 22rpx; gap: 22rpx; } .grid-gap-24rpx { grid-gap: 24rpx; gap: 24rpx; } .grid-gap-36rpx { grid-gap: 36rpx; gap: 36rpx; } .grid-gap-38rpx { grid-gap: 38rpx; gap: 38rpx; } .grid-gap-x-10rpx { grid-column-gap: 10rpx; -moz-column-gap: 10rpx; column-gap: 10rpx; } .grid-gap-x-20rpx { grid-column-gap: 20rpx; -moz-column-gap: 20rpx; column-gap: 20rpx; } .grid-gap-x-22rpx { grid-column-gap: 22rpx; -moz-column-gap: 22rpx; column-gap: 22rpx; } .grid-gap-x-38rpx { grid-column-gap: 38rpx; -moz-column-gap: 38rpx; column-gap: 38rpx; } .grid-gap-x-40rpx { grid-column-gap: 40rpx; -moz-column-gap: 40rpx; column-gap: 40rpx; } .grid-gap-x-76rpx { grid-column-gap: 76rpx; -moz-column-gap: 76rpx; column-gap: 76rpx; } .grid-gap-y-20rpx { grid-row-gap: 20rpx; row-gap: 20rpx; } .grid-gap-y-26rpx { grid-row-gap: 26rpx; row-gap: 26rpx; } .grid-gap-y-32rpx { grid-row-gap: 32rpx; row-gap: 32rpx; } .grid-gap-y-54rpx { grid-row-gap: 54rpx; row-gap: 54rpx; } .absolute { position: absolute; } .fixed { position: fixed; } .fixed-ct { position: fixed; left:50%; top: 50%; } .relative { position: relative; } .h-screen { height: 100vh; } .h-100 { height: 100rpx; } .h-100-p111-, .h-full { height: 100%; } .h-1000 { height: 1000rpx; } .h-104 { height: 104rpx; } .h-106 { height: 106rpx; } .h-108 { height: 108rpx; } .h-112 { height: 112rpx; } .h-114 { height: 114rpx; } .h-116 { height: 116rpx; } .h-120 { height: 120rpx; } .h-124 { height: 124rpx; } .h-128 { height: 128rpx; } .h-136 { height: 136rpx; } .h-140 { height: 140rpx; } .h-142 { height: 142rpx; } .h-146 { height: 146rpx; } .h-148 { height: 148rpx; } .h-152 { height: 152rpx; } .h-160 { height: 160rpx; } .h-164 { height: 164rpx; } .h-170 { height: 170rpx; } .h-172 { height: 172rpx; } .h-176 { height: 176rpx; } .h-180 { height: 180rpx; } .h-186 { height: 186rpx; } .h-190 { height: 190rpx; } .h-192 { height: 192rpx; } .h-198 { height: 198rpx; } .h-20 { height: 20rpx; } .h-200 { height: 200rpx; } .h-204 { height: 204rpx; } .h-210 { height: 210rpx; } .h-212 { height: 212rpx; } .h-216 { height: 216rpx; } .h-220{ height: 220rpx; } .h-222 { height: 222rpx; } .h-224 { height: 224rpx; } .h-226 { height: 226rpx; } .h-24 { height: 24rpx; } .h-240 { height: 240rpx; } .h-26 { height: 26rpx; } .h-28 { height: 28rpx; } .h-280 { height: 280rpx; } .h-296 { height: 296rpx; } .h-3 { height: 3rpx; } .h-30 { height: 30rpx; } .h-32 { height: 32rpx; } .h-33 { height: 33rpx; } .h-338 { height: 338rpx; } .h-34, .h-34rpx { height: 34rpx; } .h-338 { height: 338rpx; } .h-344 { height: 344rpx; } .h-36 { height: 36rpx; } .h-38 { height: 38rpx; } .h-4 { height: 4rpx; } .h-40 { height: 40rpx; } .h-380 { height: 380rpx; } .h-400 { height: 400rpx; } .h-44 { height: 44rpx; } .h-46 { height: 46rpx; } .h-48 { height: 48rpx; } .h-54 { height: 54rpx; } .h-518 { height: 518rpx; } .h-52 { height: 52rpx; } .h-56 { height: 56rpx; } .h-560 { height: 560rpx; } .h-690 { height: 690rpx; } .h-58 { height: 58rpx; } .h-6 { height: 6rpx; } .h-60 { height: 60rpx; } .h-64 { height: 64rpx; } .h-66 { height: 66rpx; } .h-604 { height: 604rpx; } .h-644 { height: 644rpx; } .h-68 { height: 68rpx; } .h-76 { height: 76rpx; } .h-468 { height: 468rpx; } .h-710 { height: 710rpx; } .h-72 { height: 72rpx; } .h-748 { height: 748rpx; } .h-750 { height: 750rpx; } .h-78 { height: 78rpx; } .h-80 { height: 80rpx; } .h-86 { height: 86rpx; } .h-88 { height: 88rpx; } .h-90 { height: 90rpx; } .h-96 { height: 96rpx; } .h-100 { height: 100rpx; } .w-1 { width: 1rpx; } .w-100 { width: 100rpx; } .w-100-p111-, .w-full { width: 100%; } .w-102 { width: 102rpx; } .w-104 { width: 104rpx; } .w-108 { width: 108rpx; } .w-112 { width: 112rpx; } .w-116 { width: 116rpx; } .w-118 { width: 118rpx; } .w-120 { width: 120rpx; } .w-124 { width: 124rpx; } .w-128 { width: 128rpx; } .w-130 { width: 130rpx; } .w-132 { width: 132rpx; } .w-136 { width: 136rpx; } .w-138 { width: 138rpx; } .w-140 { width: 140rpx; } .w-142 { width: 142rpx; } .w-144 { width: 144rpx; } .w-148 { width: 148rpx; } .w-154 { width: 154rpx; } .w-160 { width: 160rpx; } .w-162 { width: 162rpx; } .w-164 { width: 164rpx; } .w-168 { width: 168rpx; } .w-172 { width: 172rpx; } .w-176 { width: 176rpx; } .w-18 { width: 18rpx; } .w-184 { width: 184rpx; } .w-28 { width: 28rpx; } .w-264 { width: 264rpx; } .w-280 { width: 280rpx; } .w-286 { width: 286rpx; } .w-180 { width: 180rpx; } .w-186 { width: 186rpx; } .w-192 { width: 192rpx; } .w-198 { width: 198rpx; } .w-200 { width: 200rpx; } .w-204 { width: 204rpx; } .w-208 { width: 208rpx; } .w-216 { width: 216rpx; } .w-218 { width: 218rpx; } .w-222 { width: 222rpx; } .w-234 { width: 234rpx; } .w-24, .w-24rpx { width: 24rpx; } .w-240 { width: 240rpx; } .w-260 { width: 260rpx; } .w-278 { width: 278rpx; } .w-296 { width: 278rpx; } .w-30 { width: 30rpx; } .w-300 { width: 300rpx; } .w-32 { width: 32rpx; } .w-34 { width: 34rpx; } .w-312 { width: 312rpx; } .w-316 { width: 316rpx; } .w-324 { width: 324rpx; } .w-360 { width: 360rpx; } .w-328 { width: 328rpx; } .w-33 { width: 33rpx; } .w-338 { width: 338rpx; } .w-340 { width: 340rpx; } .w-344 { width: 344rpx; } .w-346 { width: 346rpx; } .w-36 { width: 36rpx; } .w-40 { width: 40rpx; } .w-44 { width: 44rpx; } .w-360rpx, .w-360 { width: 360rpx; } .w-380 { width: 380rpx; } .w-382 { width: 382rpx; } .w-400 { width: 400rpx; } .w-410 { width: 410rpx; } .w-422 { width: 422rpx; } .w-430 { width: 430rpx; } .w-438 { width: 438rpx; } .w-468 { width: 468rpx; } .w-454 { width: 454rpx; } .w-460 { width: 460rpx; } .w-462 { width: 462rpx; } .w-464 { width: 464rpx; } .w-48 { width: 48rpx; } .w-498 { width: 498rpx; } .w-530 { width: 530rpx; } .w-50-p111 { width: 50%; } .w-504 { width: 504rpx; } .w-508 { width: 508rpx; } .w-538 { width: 538rpx; } .w-544 { width: 544rpx; } .w-52 { width: 52rpx; } .w-54 { width: 54rpx; } .w-56 { width: 56rpx; } .w-58 { width: 58rpx; } .w-528 { width: 528rpx; } .w-560 { width: 560rpx; } .w-562 { width: 562rpx; } .w-600 { width: 600rpx; } .w-620 { width: 620rpx; } .w-662{ width: 662rpx; } .w-60 { width: 60rpx; } .w-64 { width: 64rpx; } .w-678 { width: 678rpx; } .w-686 { width: 686rpx; } .w-690 { width: 690rpx; } .w-710 { width: 710rpx; } .w-72 { width: 72rpx; } .w-730 { width: 730rpx; } .w-76 { width: 76rpx; } .w-78 { width: 78rpx; } .w-80 { width: 80rpx; } .w-88 { width: 88rpx; } .w-90 { width: 90rpx; } .w-96 { width: 96rpx; } .w-100 { width: 100rpx; } .w-screen { width: 100vw; } .visible { visibility: visible; } .vertical-middle { vertical-align: middle; } .justify-end { justify-content: flex-end; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .bottom-30rpx { bottom: 30rpx; } .bottom-54rpx { bottom: 54rpx; } .left-0 { left: 0; } .left-50 { left: 50%; } .right-15px { right: 15px; } .z-4 { z-index: 4; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-80 { z-index: 80; } .z-999 { z-index: 999; } .z-1000 { z-index: 1000; } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transform { transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .pb-safe { padding-bottom: env(safe-area-inset-bottom); } .ml-f310 { margin-left: -310rpx; } .ml-f25 { margin-left: -25rpx; } .ml--4 { margin-left: -4rpx; } .ml-6 { margin-left: 6rpx; } .ml-10 { margin-left: 10rpx; } .ml-60 { margin-left: 60rpx; } .ml-12 { margin-left: 12rpx; } .ml-14 { margin-left: 14rpx; } .ml-16 { margin-left: 16rpx; } .ml-22 { margin-left: 22rpx; } .ml-24 { margin-left: 24rpx; } .ml-32 { margin-left: 32rpx; } .ml-34 { margin-left: 34rpx; } .ml-38 { margin-left: 38rpx; } .ml-4 { margin-left: 4rpx; } .ml-40 { margin-left: 40rpx; } .ml-8 { margin-left: 8rpx; } .mr-f345 { margin-right: -345rpx; } .mr-10 { margin-right: 10rpx; } .mr-12 { margin-right: 12rpx; } .mr-14 { margin-right: 14rpx; } .mr-16 { margin-right: 16rpx; } .mr-20 { margin-right: 20rpx; } .mr-24 { margin-right: 24rpx; } .mr-32 { margin-right: 32rpx; } .mr-34 { margin-right: 34rpx; } .mr-38 { margin-right: 38rpx; } .mr-40 { margin-right: 40rpx; } .mr-74 { margin-right: 74rpx; } .mr-8 { margin-right: 8rpx; } .mt-f345 { margin-top: -345rpx; } .mt-f400 { margin-top: -400rpx; } .mt-10 { margin-top: 10rpx; } .mt-12 { margin-top: 12rpx; } .mt-14 { margin-top: 14rpx; } .mt-16 { margin-top: 16rpx; } .mt-18 { margin-top: 18rpx; } .mt-160 { margin-top: 160rpx; } .mt-180 { margin-top: 180rpx; } .mt-24 { margin-top: 24rpx; } .mt-248 { margin-top: 248rpx; } .mt-26 { margin-top: 26rpx; } .mt-28 { margin-top: 28rpx; } .mt-30 { margin-top: 30rpx; } .mt-32 { margin-top: 32rpx; } .mt-34 { margin-top: 34rpx; } .mt-36 { margin-top: 36rpx; } .mt-38 { margin-top: 38rpx; } .mt-4 { margin-top: 4rpx; } .mt-40 { margin-top: 40rpx; } .mt-44 { margin-top: 44rpx; } .mt-48 { margin-top: 48rpx; } .mt-50 { margin-top: 50rpx; } .mt-52 { margin-top: 52rpx; } .mt-54 { margin-top: 54rpx; } .mt-64 { margin-top: 64rpx; } .mb-8 { margin-bottom: 8rpx; } .mb-10 { margin-bottom: 10rpx; } .mb-14 { margin-bottom: 14rpx; } .mb-16 { margin-bottom: 16rpx; } .mb-18 { margin-bottom: 18rpx; } .mb-20 { margin-bottom: 20rpx; } .mb-24 { margin-bottom: 24rpx; } .mb-26 { margin-bottom: 26rpx; } .mb-32 { margin-bottom: 32rpx; } .mb-34 { margin-bottom: 34rpx; } .mb-38 { margin-bottom: 38rpx; } .mb-58 { margin-bottom: 58rpx; } .p-10 { padding: 10rpx; } .p-14 { padding: 14rpx; } .p-16 { padding: 16rpx; } .p-20 { padding: 20rpx; } .p-24 { padding: 24rpx; } .p-32 { padding: 32rpx; } .pl-10 { padding-left: 10rpx; } .pl-12 { padding-left: 12rpx; } .pl-14 { padding-left: 14rpx; } .pl-16 { padding-left: 16rpx; } .pl-18 { padding-left: 18rpx; } .pl-20 { padding-left: 20rpx; } .pl-24 { padding-left: 24rpx; } .pl-28 { padding-left: 28rpx; } .pl-30 { padding-left: 30rpx; } .pl-32 { padding-left: 32rpx; } .pl-4 { padding-left: 4rpx; } .pl-40 { padding-left: 40rpx; } .pl-46 { padding-left: 46rpx; } .pl-56 { padding-left: 56rpx; } .pl-76 { padding-left: 76rpx; } .pr-76 { padding-right: 76rpx; } .pl-8 { padding-left: 8rpx; } .pr-8 { padding-right: 8rpx; } .pr-10 { padding-right: 10rpx; } .pr-12 { padding-right: 12rpx; } .pr-14 { padding-right: 14rpx; } .pr-16 { padding-right: 16rpx; } .pr-20 { padding-right: 20rpx; } .pr-24 { padding-right: 24rpx; } .pr-28 { padding-right: 28rpx; } .pr-30 { padding-right: 30rpx; } .pr-32 { padding-right: 32rpx; } .pr-40 { padding-right: 40rpx; } .pr-46 { padding-right: 46rpx; } .pr-56 { padding-right: 56rpx; } .pt-6 { padding-top: 6rpx; } .pt-50 { padding-top: 50rpx; } .pt-60 { padding-top: 60rpx; } .pt-12 { padding-top: 12rpx; } .pt-14 { padding-top: 14rpx; } .pt-16 { padding-top: 16rpx; } .pt-18 { padding-top: 18rpx; } .pt-22 { padding-top: 22rpx; } .pt-24 { padding-top: 24rpx; } .pt-26 { padding-top: 26rpx; } .pt-30 { padding-top: 30rpx; } .pt-32 { padding-top: 32rpx; } .pt-34 { padding-top: 34rpx; } .pt-36 { padding-top: 36rpx; } .pt-38 { padding-top: 38rpx; } .pt-4 { padding-top: 4rpx; } .pt-40 { padding-top: 40rpx; } .pt-48 { padding-top: 48rpx; } .pt-6 { padding-top: 6rpx; } .pb-4 { padding-bottom: 4rpx; } .pb-10 { padding-bottom: 10rpx; } .pb-14 { padding-bottom: 14rpx; } .pb-16 { padding-bottom: 16rpx; } .pb-20 { padding-bottom: 20rpx; } .pb-22 { padding-bottom: 22rpx; } .pb-24 { padding-bottom: 24rpx; } .pb-32 { padding-bottom: 32rpx; } .pb-36 { padding-bottom: 36rpx; } .pb-40 { padding-bottom: 40rpx; } .pb-50 { padding-bottom: 50rpx; } .pb-8 { padding-bottom: 8rpx; } .pb-0 { padding-bottom: 0 !important; } .mx-6 { margin: 0 6rpx; } .mx-10 { margin: 0 10rpx; } .mx-16 { margin: 0 16rpx; } .mx-20 { margin: 0 20rpx; } .mx-32 { margin: 0 32rpx; } .mx-34 { margin: 0 34rpx; } .mx-38 { margin: 0 38rpx; } .mx-8 { margin: 0 8rpx; } .my-16 { margin: 16rpx 0; } .my-20 { margin: 20rpx 0; } .my-24 { margin: 24rpx 0; } .px-4 { padding: 0 4rpx; } .px-12 { padding: 0 12rpx; } .px-16 { padding: 0 16rpx; } .px-20 { padding: 0 20rpx; } .px-24 { padding: 0 24rpx; } .px-28 { padding: 0 28rpx; } .px-32 { padding: 0 32rpx; } .px-40 { padding: 0 40rpx; } .px-48 { padding: 0 48rpx; } .px-6 { padding: 0 6rpx; } .px-8 { padding: 0 8rpx; } .px-120{ padding: 0 120rpx; } .py-16 { padding: 16rpx 0; } .py-24 { padding: 24rpx 0; } .py-28 { padding: 28rpx 0; } .py-30 { padding: 30rpx 0; } .py-32 { padding: 32rpx 0; } .py-60 { padding: 60rpx 0; } .py-78{ padding: 78rpx 0; } .fs-12 { font-size: 12rpx; } .fs-14 { font-size: 14rpx; } .fs-18 { font-size: 18rpx; } .fs-20 { font-size: 20rpx; } .fs-22 { font-size: 22rpx; } .fs-50 { font-size: 50rpx; } .fs-26 { font-size: 26rpx; } .fs-32 { font-size: 32rpx; } .fs-34 { font-size: 34rpx; } .fs-36 { font-size: 36rpx; } .fs-40 { font-size: 40rpx; } .fs-42 { font-size: 42rpx; } .fs-44 { font-size: 44rpx; } .fs-48 { font-size: 48rpx; } .fs-52 { font-size: 52rpx; } .fs-60 { font-size: 60rpx; } .text-line { text-decoration: line-through; } .Regular { font-family: Regular; } .SemiBold{ font-family: SemiBold; }