/* #ifndef APP-PLUS-NVUE*/ /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 0rpx!important; height: 0rpx!important; background-color: #F8F8F8; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { /* // -webkit-box-shadow: inset 0 0 2rpx rgba(0,0,0,0.1); */ border-radius: 10px; background-color: #fff; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 2rpx rgba(0,0,0,.1); background-color: #555; } page { min-height: 100%; font-size: 14px; /* background-color: #FFFFFF; */ --primary: #ffa74f; --primary_c:#EE8030; --status: #FF8C00; --color_1: #FFF0C9; --required: rgba(218, 37, 28, 1); } .page-height { height: calc(100vh - var(--window-top)); } .container-height { min-height: calc(100vh - var(--window-top)); } .required { color: var(--required); } view { box-sizing: border-box; } /* 防止图片闪一下 */ image { width: 120rpx; height: 120rpx; will-change: transform;display: block; } .inline{ display: inline-block; } .box { box-sizing: border-box; } /* 过度 */ .transition { transition: all 0.5s; } /* #endif */ /* 图标 */ .iconfont { font-family: iconfont; /* #ifndef APP-PLUS-NVUE */ line-height: 1; /* #endif */ } /* cursor */ .cursor { cursor: pointer; } .cursor-none { cursor: none; } .cursor-move { cursor: move; } .cursor-default{ cursor: default; } /* 主色调 */ .text-primary-color, .text-primary { color: var(--primary); } .text-primary-hover { color: var(--primary); } .text-label{ color: var(--primary_c); } .text-color-price { color: var(--status); } .text-status { color: var(--status); } .text-ff3c00 { color: #FF3C00; } .text-EE8030{ color: #EE8030; } .text-fc2419{ color: #fc2419; } .text-FC3636{ color: #FC3636; } .text-white, .text-color-white { color: #FFFFFF; } .text-black { color: #333333; } .text-gray { color: #999999; } .text-000 { color: #000000; } .text-000-05 { color: rgba(0, 0, 0, 0.5); } .text-000-06 { color: rgba(0, 0, 0, 0.6); } .text-000-07 { color: rgba(0, 0, 0, 0.7); } .text-255-07 { color: rgba(255, 255, 255, 0.7); } .text-111 { color: #111111; } .text-222 { color: #222222; } .text-333, .text-color-333 { color: #333333; } .text-444 { color: #444444; } .text-555 { color: #555555; } .text-666, .text-color-666 { color: #666666; } .text-777 { color: #777777; } .text-888 { color: #888888; } .text-999, .text-color-999 { color: #999999; } .text-aaa { color: #aaaaaa; } .text-bbb { color: #bbbbbb; } .text-ccc { color: #cccccc; } .text-ddd { color: #dddddd; } .text-eee { color: #eeeeee; } .text-ff782f { color: #ff782f; } .text-ffa74f{ color: #ffa74f; } .text-fdb66f{ color: #fdb66f; } .text-808181{ color: #808181; } .text-da251c { color: #DA251C; } .text-E02E24{ color: #E02E24; } .text-skyblue { color: skyblue; } .text-856404{ color: #856404; } .text-303030{ color: #303030; } .text-7E7E7E{ color: #7E7E7E; } .text-C0C0C0{ color: #C0C0C0; } .text-070602{ color: #070602; } .text-070202{ color: #070202; } .text-595959{ color: #595959; } .text-C8C9C6{ color: #C8C9C6; } .text-E02E24{ color: #E02E24; } .text-B9B9B9{ color: #B9B9B9; } .text-DD3D3D{ color: #DD3D3D; } .text-FF9F38{ color: #FF9F38; } /* #ifndef APP-PLUS-NVUE */ .text-color-initial { color: initial; } .text-decoration-line{ text-decoration: line-through; } /* #endif */ /* hover */ .hover, .hover-o { opacity: .8; } .hover-gray { background-color: rgba(0, 0, 0, .06); opacity: .8; } .place { color: #999999; } /* 背景色调 */ .bg-primary, .bg-primary-color { background-color: var(--primary); } .bg-primary-hover-color { background-color: var(--primary); } .bg-primary-01 { background-color: rgba(218, 37, 28, .1); } .bg-border { background-color: #F7F8F9; } .bg-white { background-color: #FFFFFF; } .bg-dark, .bg-000 { background-color: #000000; } .bg-000-04{ background-color: rgba(0,0,0,0.4); } .bg-000-05{ background-color: rgba(0,0,0,0.5); } .bg-black, .bg-333 { background-color: #333333; } .bg-fafafc{ background-color: #fafafc; } .bg-ffffff-fafafc{ background: linear-gradient(#ffffff 0%,#fafafc 20%,#fafafc); } .bg-FF382E{ background-color: #FF382E; } .bg-d9d9d9{ background-color: #d9d9d9; } .bg-ee803033{ background: #ee803033; } .bg-444 { background-color: #444444; } .bg-555 { background-color: #555555; } .bg-666 { background-color: #666666; } .bg-777 { background-color: #777777; } .bg-888 { background-color: #888888; } .bg-999 { background-color: #999999; } .bg-aaa { background-color: #aaaaaa; } .bg-eee { background-color: #eeeeee; } .bg-gray { background-color: #F8F8F8; } .bg-light-gray { background-color: #F7F8F9; } .bg-gray-hover-color { background-color: rgba(0, 0, 0, .02); } .bg-mask { background-color: rgba(0, 0, 0, .5); } .bg-tt { background-color: transparent; } .bg-blue { background-color: blue; } .bg-white-0_5 { background-color: rgba(255, 255, 255, .5); } .bg-white-1a { background-color: #ffffff1a; } .bg-fc9804 { background-color: #fc9804; } .bg-fff3cd { background-color: #fff3cd; } .bg-status { background-color: var(--status); } .bg-ff3c00 { background-color: #FF3C00; } .bg-da251c { background-color: #da251c; } .bg-f8f8f8 { background-color: #f8f8f8; } .bg-f9f9f9 { background-color: #f9f9f9; } .bg-cd231a { background-color: #cd231a; } .bg-fffae5 { background-color: #fffae5; } .bg-ffed46 { background-color: #FFED46; } .bg-8CA937{ background-color: #8CA937; } /* 阴影 */ .box-shadow-0-4-20-04{ box-shadow: 0px 4rpx 20rpx 0px rgba(0, 0, 0, 0.04); } .box-shadow-0-4-30-02{ box-shadow: 0px 4rpx 20rpx 0px rgba(0, 0, 0, 0.02); } .bos-shadow-0-72-128-04 { box-shadow: 0 72rpx 128rpx 0 rgba(0, 0, 0, 0.04); } /* 字号 */ .text-b { font-weight: bold; } .text-100 { font-weight: 100; } .text-200 { font-weight: 200; } .text-300 { font-weight: 300; } .text-400 { font-weight: 400; } .text-500 { font-weight: 500; } .text-600 { font-weight: 600; } .text-700 { font-weight: 700; } .text-800 { font-weight: 800; } .text-12 { font-size: 12rpx; } .text-16 { font-size: 16rpx; } .text-18 { font-size: 18rpx; } .text-20 { font-size: 20rpx; } .text-22 { font-size: 22rpx; } .text-24 { font-size: 24rpx; } .text-26 { font-size: 26rpx; } .text-28 { font-size: 28rpx; } .text-30 { font-size: 30rpx; } .text-32 { font-size: 32rpx; } .text-34 { font-size: 34rpx; } .text-36 { font-size: 36rpx; } .text-40 { font-size: 40rpx; } .text-42 { font-size: 42rpx; } .text-44 { font-size: 44rpx; } .text-48 { font-size: 48rpx; } .text-52 { font-size: 52rpx; } .text-54 { font-size: 54rpx; } .text-56 { font-size: 56rpx; } .text-58 { font-size: 58rpx; } .text-60 { font-size: 60rpx; } .text-62 { font-size: 62rpx; } .text-64 { font-size: 64rpx; } .text-68 { font-size: 68rpx; } .text-70 { font-size: 70rpx; } .text-88 { font-size: 88rpx; } .text-underline { text-decoration: underline; } .text-through { text-decoration: line-through; } /* 字体对齐 */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /* 字体缩进2个字符 */ .text-indent { text-indent: 2em; } /* #ifndef APP-PLUS-NVUE */ .text-justify { text-align: justify; } .va-center { vertical-align: center; } .va-top { vertical-align: top; } .va-bottom { vertical-align: bottom; } /* #endif */ /* 透明 */ .op-0 { opacity: 0; } .op-02 { opacity: 0.2; } .op-04 { opacity: 0.4; } .op-05 { opacity: 0.5; } .op-08 { opacity: 0.8; } .op-1 { opacity: 1; } /* 隐藏 */ .ov-hide { overflow: hidden; } /* #ifndef APP-PLUS-NVUE */ .vi-hide { visibility: hidden; } /* #endif */ /* 定位 */ .p-abs, .abs { position: absolute; } .abs_xy { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .abs_auto { position: absolute; top: 0; left: 0; bottom: 0; right: 0; /* #ifndef APP-PLUS-NVUE */ margin: auto; /* #endif */ } .abs_top { position: absolute; top: 0; left: 0; right: 0; /* #ifndef APP-PLUS-NVUE */ margin: auto; /* #endif */ } .abs_left { position: absolute; top: 0; left: 0; bottom: 0; /* #ifndef APP-PLUS-NVUE */ margin: auto; /* #endif */ } .abs_right { position: absolute; top: 0; bottom: 0; right: 0; /* #ifndef APP-PLUS-NVUE */ margin: auto; /* #endif */ } .abs_bottom { position: absolute; bottom: 0; left: 0; right: 0; /* #ifndef APP-PLUS-NVUE */ margin: auto; /* #endif */ } .abs_center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .abs_x { position: absolute; left: 50%; transform: translateX(-50%); } .abs_y { position: absolute; top: 50%; transform: translateY(-50%); } .p-fixed, .fixed { position: fixed; } .fixed_auto { position: fixed; top: 0; left: 0; bottom: 0; right: 0; /* #ifndef APP-PLUS-NVUE */ margin: auto; /* #endif */ } .fixed_center, .fixed_xy { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fixed_x { position: fixed; left: 50%; transform: translateX(-50%); } .fixed_y { position: fixed; top: 50%; transform: translateY(-50%); } .fixed_bottom { position: fixed; bottom: var(--window-bottom); bottom: calc(constant(safe-area-inset-bottom)); bottom: calc(env(safe-area-inset-bottom)); } .fixed_top { position: fixed; top: var(--window-top); } .fixed_left { position: fixed; left: 0; } .fixed_right { position: fixed; right: 0; } .fixed_low { position: fixed; bottom: 0; left: 0; right: 0; /* #ifndef APP-PLUS-NVUE */ margin: auto; /* #endif */ } .fixed_up { position: fixed; top: 0; left: 0; right: 0; /* #ifndef APP-PLUS-NVUE */ margin: auto; /* #endif */ } .p-rel, .rel { position: relative; } .p-sticky, .sticky { position: sticky; } .bottom, .bottom-0 { bottom: 0; } .bottom-w { bottom: var(--window-bottom); } .bottom-10 { bottom: 10rpx; } .bottom-20 { bottom: 20rpx; } .bottom-30 { bottom: 30rpx; } .bottom-40 { bottom: 40rpx; } .bottom-50 { bottom: 50rpx; } .bottom-60 { bottom: 60rpx; } .bottom-70 { bottom: 70rpx; } .bottom-80 { bottom: 80rpx; } .bottom-90 { bottom: 90rpx; } .bottom-100 { bottom: 100rpx; } .bottom-150 { bottom: 150rpx; } .bottom-180px { bottom: 180px; } .bottom-200 { bottom: 200rpx; } .bottom-260px{ bottom:260px; } .bottom-300 { bottom: 300rpx; } .bottom-350 { bottom: 350rpx; } .bottom_100{ bottom: 100vh; } .left, .left-0 { left: 0; } .top, .top-0 { top: 0; } .top-w { top: var(--window-top); } .top-10 { top: 10rpx; } .top-20 { top: 20rpx; } .top-30 { top: 30rpx; } .top-40 { top: 40rpx; } .top-50 { top: 50rpx; } .top-60 { top: 60rpx; } .top-70 { top: 70rpx; } .top-80 { top: 80rpx; } .top-90 { top: 90rpx; } .top-100 { top: 100rpx; } .top-200 { top: 200rpx; } .left-10 { left: 10rpx; } .left-20 { left: 20rpx; } .left-30 { left: 30rpx; } .left-40 { left: 40rpx; } .left-50 { left: 50rpx; } .left-60 { left: 60rpx; } .left-70 { left: 70rpx; } .left-80 { left: 80rpx; } .left-90 { left: 90rpx; } .left-100 { left: 100rpx; } .left-300 { left: 300rpx; } .right, .right-0 { right: 0; } .right-10 { right: 10rpx; } .right-20 { right: 20rpx; } .right-30 { right: 30rpx; } .right-40 { right: 40rpx; } .right-50 { right: 50rpx; } .right-60 { right: 60rpx; } .right-70 { right: 70rpx; } .right-80 { right: 80rpx; } .right-90 { right: 90rpx; } .right-100 { right: 100rpx; } /* 层级 */ .zindex-0 { z-index: 0; } .zindex-1 { z-index: 1; } .zindex-2 { z-index: 2; } .zindex-3 { z-index: 3; } .zindex-4 { z-index: 4; } .zindex-5 { z-index: 5; } .zindex-6 { z-index: 6; } .zindex-7 { z-index: 7; } .zindex-8 { z-index: 8; } .zindex-9 { z-index: 9; } .zindex-10 { z-index: 10; } .zindex-99 { z-index: 99; } .zindex-100 { z-index: 100; } .zindex-101 { z-index: 101; } .zindex-200 { z-index: 200; } .zindex-300 { z-index: 300; } .zindex-400 { z-index: 400; } .zindex-500 { z-index: 500; } .zindex-999 { z-index: 999; } .zindex-1000 { z-index: 1000; } .zindex-1001 { z-index: 1001; } .zindex-2000 { z-index: 2000; } .zindex-2001 { z-index: 2001; } .zindex-3000 { z-index: 3000; } .zindex-3001 { z-index: 3001; } .zindex-9999 { z-index: 9999; } .zindex-10000 { z-index: 10000; } .zindex-10001 { z-index: 10001; } .zindex-99999 { z-index: 99999; } .zindex-100000 { z-index: 100000; } .zindex-100001 { z-index: 100001; } /* margin */ /* #ifndef APP-PLUS-NVUE */ .mg-auto { margin: auto; } .mgx-auto { margin-left: auto; margin-right: auto; } .mgy-auto { margin-top: auto; margin-bottom: auto; } .mgl-auto { margin-left: auto; } .mgr-auto { margin-right: auto; } .mgt-auto { margin-top: auto; } .mgb-auto { margin-bottom: auto; } /* #endif */ .mg-0 { margin: 0; } .mgl-2 { margin-left: 2rpx; } .mgl-4 { margin-left: 4rpx; } .mgl-6 { margin-left: 6rpx; } .mgl-8 { margin-left: 8rpx; } .mg-10 { margin: 10; } .mg-20 { margin: 20; } .mg-30 { margin: 30; } .mg-40 { margin: 40; } .mg-50 { margin: 50; } .mg-60 { margin: 60; } .mg-70 { margin: 70; } .mg-80 { margin: 80; } .mg-90 { margin: 90; } .mg-100 { margin: 100; } .mgl-0 { margin-left: 0; } .mgl-2 { margin-left: 2rpx; } .mgl-4 { margin-left: 4rpx; } .mgl-6 { margin-left: 6rpx; } .mgl-8 { margin-left: 8rpx; } .mgl-10 { margin-left: 10rpx; } .mgl-12 { margin-left: 12rpx; } .mgl-14 { margin-left: 14rpx; } .mgl-15 { margin-left: 15rpx; } .mgl-16 { margin-left: 16rpx; } .mgl-18 { margin-left: 18rpx; } .mgl-20 { margin-left: 20rpx; } .mgl-20 { margin-left: 20rpx; } .mgl-22 { margin-left: 22rpx; } .mgl-24 { margin-left: 24rpx; } .mgl-26 { margin-left: 26rpx; } .mgl-28 { margin-left: 28rpx; } .mgl-30 { margin-left: 30rpx; } .mgl-34 { margin-left: 34rpx; } .mgl-40 { margin-left: 40rpx; } .mgl-48 { margin-left: 48rpx; } .mgl-50{ margin-left: 50rpx; } .mgr-0 { margin-right: 0; } .mgr-2 { margin-right: 2rpx; } .mgr-4 { margin-right: 4rpx; } .mgr-6 { margin-right: 6rpx; } .mgr-8 { margin-right: 8rpx; } .mgr-10 { margin-right: 10rpx; } .mgr-12 { margin-right: 12rpx; } .mgr-14 { margin-right: 14rpx; } .mgr-15 { margin-right: 15rpx; } .mgr-16 { margin-right: 16rpx; } .mgr-18 { margin-right: 18rpx; } .mgr-20 { margin-right: 20rpx; } .mgr-24{ margin-right: 24rpx; } .mgr-30 { margin-right: 30rpx; } .mgr-40 { margin-right: 40rpx; } .mgr-50 { margin-right: 50rpx; } .mgr-60 { margin-right: 60rpx; } .mgr-70 { margin-right: 70rpx; } .mgr-80 { margin-right: 80rpx; } .mgr-90 { margin-right: 90rpx; } .mgr-100 { margin-right: 100rpx; } .mgr-110 { margin-right: 110rpx; } .mgr-120 { margin-right: 120rpx; } .mgr-130 { margin-right: 130rpx; } .mgr-140 { margin-right: 140rpx; } .mgx-0 { margin-left: 0; margin-right: 0; } .mgx-5 { margin-left: 5rpx; margin-right: 5rpx; } .mgx-10 { margin-left: 10rpx; margin-right: 10rpx; } .mgx-20 { margin-left: 20rpx; margin-right: 20rpx; } .mgx-24{ margin-left: 24rpx; margin-right: 24rpx; } .mgx-24-{ margin-left: -24rpx; margin-right: -24rpx; } .mgx-30 { margin-left: 30rpx; margin-right: 30rpx; } .mgx-40 { margin-left: 40rpx; margin-right: 40rpx; } .mgx-50 { margin-left: 50rpx; margin-right: 50rpx; } .mgx-60 { margin-left: 60rpx; margin-right: 60rpx; } .mgx-70 { margin-left: 70rpx; margin-right: 70rpx; } .mgx-80 { margin-left: 80rpx; margin-right: 80rpx; } .mgx-90 { margin-left: 90rpx; margin-right: 90rpx; } .mgx-100 { margin-left: 100rpx; margin-right: 100rpx; } .mgy-0 { margin-top: 0; margin-bottom: 0; } .mgy-10 { margin-top: 10rpx; margin-bottom: 10rpx; } .mgy-20 { margin-top: 20rpx; margin-bottom: 20rpx; } .mgy-30 { margin-top: 30rpx; margin-bottom: 30rpx; } .mgy-40 { margin-top: 40rpx; margin-bottom: 40rpx; } .mgy-50 { margin-top: 50rpx; margin-bottom: 50rpx; } .mgy-60 { margin-top: 60rpx; margin-bottom: 60rpx; } .mgy-70 { margin-top: 70rpx; margin-bottom: 70rpx; } .mgy-80 { margin-top: 80rpx; margin-bottom: 80rpx; } .mgy-90 { margin-top: 90rpx; margin-bottom: 90rpx; } .mgy-100 { margin-top: 100rpx; margin-bottom: 100rpx; } .mgt-0 { margin-top: 0; } .mgt-2 { margin-top: 2rpx; } .mgt-4 { margin-top: 4rpx; } .mgt-6 { margin-top: 6rpx; } .mgt-8 { margin-top: 8rpx; } .mgt-10 { margin-top: 10rpx; } .mgt-12 { margin-top: 12rpx; } .mgt-14 { margin-top: 14rpx; } .mgt-15 { margin-top: 15rpx; } .mgt-16 { margin-top: 16rpx; } .mgt-18 { margin-top: 18rpx; } .mgt-20 { margin-top: 20rpx; } .mgt-22 { margin-top: 22rpx; } .mgt-23 { margin-top: 23rpx; } .mgt-24 { margin-top: 24rpx; } .mgt-26 { margin-top: 26rpx; } .mgt-28 { margin-top: 28rpx; } .mgt-30 { margin-top: 30rpx; } .mgt-32 { margin-top: 32rpx; } .mgt-35 { margin-top: 35rpx; } .mgt-36 { margin-top: 36rpx; } .mgt-38 { margin-top: 38rpx; } .mgt-40 { margin-top: 40rpx; } .mgt-42 { margin-top: 42rpx; } .mgt-48 { margin-top: 48rpx; } .mgt-50 { margin-top: 50rpx; } .mgt-60 { margin-top: 60rpx; } .mgt-70 { margin-top: 70rpx; } .mgt-72 { margin-top: 72rpx; } .mgt-80 { margin-top: 80rpx; } .mgt-88 { margin-top: 88rpx; } .mgt-90 { margin-top: 90rpx; } .mgt-100 { margin-top: 100rpx; } .mgt-110 { margin-top: 110rpx; } .mgt-120 { margin-top: 120rpx; } .mgt-130 { margin-top: 130rpx; } .mgt-132 { margin-top: 132rpx; } .mgt-140 { margin-top: 140rpx; } .mgt-160 { margin-top: 160rpx; } .mgt-170 { margin-top: 170rpx; } .mgt-180 { margin-top: 180rpx; } .mgt-190 { margin-top: 190rpx; } .mgt-200 { margin-top: 200rpx; } .mgt-210 { margin-top: 210rpx; } .mgt-220 { margin-top: 220rpx; } .mgt-230 { margin-top: 230rpx; } .mgt-240 { margin-top: 240rpx; } .mgb-0 { margin-bottom: 0; } .mgb-10 { margin-bottom: 10rpx; } .mgb-16 { margin-bottom: 16rpx; } .mgb-20 { margin-bottom: 20rpx; } .mgb-24 { margin-bottom: 24rpx; } .mgb-30 { margin-bottom: 30rpx; } .mgb-32 { margin-bottom: 32rpx; } .mgb-40 { margin-bottom: 40rpx; } .mgb-50 { margin-bottom: 50rpx; } .mgb-60 { margin-bottom: 60rpx; } .mgb-70 { margin-bottom: 70rpx; } .mgb-80 { margin-bottom: 80rpx; } .mgb-90 { margin-bottom: 90rpx; } .mgb-100 { margin-bottom: 100rpx; } /* padding */ .pd-0 { padding: 0; } .pd-10 { padding: 10rpx; } .pd-20 { padding: 20rpx; } .pd-24 { padding: 24rpx; } .pd-30 { padding: 30rpx; } .pd-40 { padding: 40rpx; } .pd-50 { padding: 50rpx; } .pd-60 { padding: 60rpx; } .pd-70 { padding: 70rpx; } .pd-80 { padding: 80rpx; } .pd-90 { padding: 90rpx; } .pd-100 { padding: 100rpx; } .pd-110 { padding: 110rpx; } .pdx-0 { padding-left: 0; padding-right: 0; } .pdx-4 { padding-left: 4rpx; padding-right: 4rpx; } .pdx-6 { padding-left: 6rpx; padding-right: 6rpx; } .pdx-10 { padding-left: 10rpx; padding-right: 10rpx; } .pdx-12 { padding-left: 12rpx; padding-right: 12rpx; } .pdx-14 { padding-left: 14rpx; padding-right: 14rpx; } .pdx-16 { padding-left: 16rpx; padding-right: 16rpx; } .pdx-18 { padding-left: 18rpx; padding-right: 18rpx; } .pdx-20 { padding-left: 20rpx; padding-right: 20rpx; } .pdx-22 { padding-left: 22rpx; padding-right: 22rpx; } .pdx-24 { padding-left: 24rpx; padding-right: 24rpx; } .pdx-26 { padding-left: 26rpx; padding-right: 26rpx; } .pdx-28 { padding-left: 28rpx; padding-right: 28rpx; } .pdx-30 { padding-left: 30rpx; padding-right: 30rpx; } .pdx-32 { padding-left: 32rpx; padding-right: 32rpx; } .pdx-40 { padding-left: 40rpx; padding-right: 40rpx; } .pdx-48 { padding-left: 48rpx; padding-right: 48rpx; } .pdx-50 { padding-left: 50rpx; padding-right: 50rpx; } .pdx-60 { padding-left: 60rpx; padding-right: 60rpx; } .pdx-70 { padding-left: 70rpx; padding-right: 70rpx; } .pdx-80 { padding-left: 80rpx; padding-right: 80rpx; } .pdx-100 { padding-left: 100rpx; padding-right: 100rpx; } .pdx-110 { padding-left: 110rpx; padding-right: 110rpx; } .pdx-120 { padding-left: 120rpx; padding-right: 120rpx; } .pdy-0 { padding-top: 0; padding-bottom: 0; } .pdy-2 { padding-top: 2rpx; padding-bottom: 2rpx; } .pdy-4 { padding-top: 4rpx; padding-bottom: 4rpx; } .pdy-6 { padding-top: 6rpx; padding-bottom: 6rpx; } .pdy-8 { padding-top: 8rpx; padding-bottom: 8rpx; } .pdy-10 { padding-top: 10rpx; padding-bottom: 10rpx; } .pdy-12 { padding-top: 12rpx; padding-bottom: 12rpx; } .pdy-14 { padding-top: 14rpx; padding-bottom: 14rpx; } .pdy-16 { padding-top: 16rpx; padding-bottom: 16rpx; } .pdy-18 { padding-top: 18rpx; padding-bottom: 18rpx; } .pdy-20 { padding-top: 20rpx; padding-bottom: 20rpx; } .pdy-30 { padding-top: 30rpx; padding-bottom: 30rpx; } .pdy-35 { padding-top: 35rpx; padding-bottom: 35rpx; } .pdy-40 { padding-top: 40rpx; padding-bottom: 40rpx; } .pdy-50 { padding-top: 50rpx; padding-bottom: 50rpx; } .pdy-60 { padding-top: 60rpx; padding-bottom: 60rpx; } .pdy-70 { padding-top: 70rpx; padding-bottom: 70rpx; } .pdy-80 { padding-top: 80rpx; padding-bottom: 80rpx; } .pdy-100 { padding-top: 100rpx; padding-bottom: 100rpx; } .pdy-110 { padding-top: 110rpx; padding-bottom: 110rpx; } .pdy-120 { padding-top: 120rpx; padding-bottom: 120rpx; } .pdt-0 { padding-top: 0; } .pdt-10 { padding-top: 10rpx; } .pdt-20 { padding-top: 20rpx; } .pdt-22 { padding-top: 22rpx; } .pdt-24 { padding-top: 24rpx; } .pdt-26 { padding-top: 26rpx; } .pdt-28 { padding-top: 28rpx; } .pdt-30 { padding-top: 30rpx; } .pdt-40 { padding-top: 40rpx; } .pdt-50 { padding-top: 50rpx; } .pdt-60 { padding-top: 60rpx; } .pdt-70 { padding-top: 70rpx; } .pdt-80 { padding-top: 80rpx; } .pdt-90 { padding-top: 90rpx; } .pdt-100 { padding-top: 100rpx; } .pdt-110 { padding-top: 110rpx; } .pdt-120 { padding-top: 120rpx; } .pdt-140 { padding-top: 140rpx; } .pdt-160 { padding-top: 160rpx; } .pdt-180 { padding-top: 180rpx; } .pdt-200 { padding-top: 200rpx; } .pdt-220 { padding-top: 220rpx; } .pdt-240 { padding-top: 240rpx; } .pdb-0 { padding-bottom: 0; } .pdb-10 { padding-bottom: 10rpx; } .pdb-12 { padding-bottom: 12rpx; } .pdb-14 { padding-bottom: 14rpx; } .pdb-15 { padding-bottom: 15rpx; } .pdb-16 { padding-bottom: 16rpx; } .pdb-18 { padding-bottom: 18rpx; } .pdb-20 { padding-bottom: 20rpx; } .pdb-30 { padding-bottom: 30rpx; } .pdb-40 { padding-bottom: 40rpx; } .pdb-50 { padding-bottom: 50rpx; } .pdb-60 { padding-bottom: 60rpx; } .pdb-70 { padding-bottom: 70rpx; } .pdb-80 { padding-bottom: 80rpx; } .pdb-90 { padding-bottom: 90rpx; } .pdb-100 { padding-bottom: 100rpx; } .pdb-110 { padding-bottom: 110rpx; } .pdb-120 { padding-bottom: 120rpx; } .pdb-300 { padding-bottom: 300rpx; } .pdl-0 { padding-left: 0; } .pdl-10 { padding-left: 10rpx; } .pdl-20 { padding-left: 20rpx; } .pdl-22 { padding-left: 22rpx; } .pdl-24 { padding-left: 24rpx; } .pdl-26 { padding-left: 26rpx; } .pdl-28 { padding-left: 28rpx; } .pdl-30 { padding-left: 30rpx; } .pdl-32 { padding-left: 32rpx; } .pdl-34 { padding-left: 34rpx; } .pdl-36 { padding-left: 36rpx; } .pdl-38 { padding-left: 38rpx; } .pdl-40 { padding-left: 40rpx; } .pdl-50 { padding-left: 50rpx; } .pdl-60 { padding-left: 60rpx; } .pdl-70 { padding-left: 70rpx; } .pdl-80 { padding-left: 80rpx; } .pdl-90 { padding-left: 90rpx; } .pdl-100 { padding-left: 100rpx; } .pdr-0 { padding-right: 0; } .pdr-10 { padding-right: 10rpx; } .pdr-20 { padding-right: 20rpx; } .pdr-30 { padding-right: 30rpx; } .pdr-40 { padding-right: 40rpx; } .pdr-50 { padding-right: 50rpx; } .pdr-60 { padding-right: 60rpx; } .pdr-70 { padding-right: 70rpx; } .pdr-80 { padding-right: 80rpx; } .pdr-90 { padding-right: 90rpx; } .pdr-100 { padding-right: 100rpx; } .pdr-110 { padding-right: 110rpx; } .pdr-120 { padding-right: 120rpx; } /* width */ .w { width: 100%; } .w-10 { width: 10rpx; } .w-12 { width: 12rpx; } .w-14 { width: 14rpx; } .w-16 { width: 16rpx; } .w-18 { width: 18rpx; } .w-20 { width: 20rpx; } .w-24 { width: 24rpx; } .w-30 { width: 30rpx; } .w-32 { width: 32rpx; } .w-36 { width: 36rpx; } .w-38 { width: 38rpx; } .w-40 { width: 40rpx; } .w-42 { width: 42rpx; } .w-44 { width: 44rpx; } .w-44px { width: 44px; } .w-46 { width: 46rpx; } .w-48 { width: 48rpx; } .w-50 { width: 50rpx; } .w-52 { width: 52rpx; } .w-54 { width: 54rpx; } .w-56 { width: 56rpx; } .w-58 { width: 58rpx; } .w-60 { width: 60rpx; } .w-64 { width: 64rpx; } .w-65 { width: 65rpx; } .w-70 { width: 70rpx; } .w-72 { width: 72rpx; } .w-80 { width: 80rpx; } .w-88 { width: 88rpx; } .w-90 { width: 90rpx; } .w-92 { width: 92rpx; } .w-96 { width: 96rpx; } .w-100 { width: 100rpx; } .w-110 { width: 110rpx; } .w-120 { width: 120rpx; } .w-128 { width: 128rpx; } .w-140 { width: 140rpx; } .w-147 { width: 147rpx; } .w-160 { width: 160rpx; } .w-170 { width: 170rpx; } .w-180 { width: 180rpx; } .w-190 { width: 190rpx; } .w-200 { width: 200rpx; } .w-240 { width: 240rpx; } .w-260 { width: 260rpx; } .w-220 { width: 220rpx; } .w-375, .w-1_2 { width: 375rpx; } .w-230 { width: 230rpx; } .w-250, .w-1_3 { width: 250rpx; } .w-253 { width: 253rpx; } .w-260 { width: 260rpx; } .w-270 { width: 270rpx; } .w-280 { width: 280rpx; } .w-290 { width: 290rpx; } .w-300 { width: 300rpx; } .w-310 { width: 310rpx; } .w-320 { width: 320rpx; } .w-330 { width: 330rpx; } .w-335 { width: 335rpx; } .w-340 { width: 340rpx; } .w-350 { width: 350rpx; } .w-360 { width: 360rpx; } .w-370 { width: 370rpx; } .w-380 { width: 380rpx; } .w-400 { width: 400rpx; } .w-420 { width: 420rpx; } .w-440 { width: 440rpx; } .w-480 { width: 480rpx; } .w-610 { width: 610rpx; } .w-690 { width: 690rpx; } .w-187, .w-1_4 { width: 187.5rpx; } .w-150, .w-1_5 { width: 150rpx; } .w-156 { width: 156rpx; } .w-125, .w-1_6 { width: 125rpx; } .w-93, .w-1_8 { width: 93.75rpx; } .w-750, .w100 { width: 750rpx; } .w-750 { width: 750rpx; } .w-200px{ width: 200px; } .w-249px{ width: 249px; } .w_10 { width: 10%; } .w_20 { width: 20%; } .w_25 { width: 25%; } .w_33 { width: 33.33%; } .w_50 { width: 50%; } /* height */ .h, .h100 { height: 100%; } .hvh100 { height: 100vh; } .h-2 { height: 2rpx; } .h-4 { height: 4rpx; } .h-6 { height: 6rpx; } .h-8 { height: 8rpx; } .h-10 { height: 10rpx; } .h-11 { height: 11rpx; } .h-12 { height: 12rpx; } .h-14 { height: 14rpx; } .h-16 { height: 16rpx; } .h-18 { height: 18rpx; } .h-20 { height: 20rpx; } .h-22 { height: 22rpx; } .h-24 { height: 24rpx; } .h-26 { height: 26rpx; } .h-28 { height: 28rpx; } .h-30 { height: 30rpx; } .h-32 { height: 32rpx; } .h-34 { height: 34rpx; } .h-36 { height: 36rpx; } .h-38 { height: 38rpx; } .h-40 { height: 40rpx; } .h-40px { height: 40px; } .h-44 { height: 44rpx; } .h-44px { height: 44px; } .h-48{ height: 48rpx; } .h-50 { height: 50rpx; } .h-56 { height: 56rpx; } .h-60 { height: 60rpx; } .h-61 { height: 61rpx; } .h-62 { height: 62rpx; } .h-63 { height: 63rpx; } .h-64 { height: 64rpx; } .h-65 { height: 65rpx; } .h-66 { height: 66rpx; } .h-67 { height: 67rpx; } .h-68 { height: 68rpx; } .h-69 { height: 69rpx; } .h-70 { height: 70rpx; } .h-72 { height: 72rpx; } .h-80 { height: 80rpx; } .h-88 { height: 88rpx; } .h-90 { height: 90rpx; } .h-96 { height: 96rpx; } .h-100 { height: 100rpx; } .h-102 { height: 102rpx; } .h-104 { height: 104rpx; } .h-106 { height: 106rpx; } .h-108 { height: 108rpx; } .h-110 { height: 110rpx; } .h-112 { height: 112rpx; } .h-120 { height: 120rpx; } .h-128 { height: 128rpx; } .h-130 { height: 130rpx; } .h-140 { height: 140rpx; } .h-144 { height: 144rpx; } .h-150 { height: 150rpx; } .h-160 { height: 160rpx; } .h-180 { height: 180rpx; } .h-184 { height: 184rpx; } .h-192 { height: 192rpx; } .h-196 { height: 196rpx; } .h-200 { height: 200rpx; } .h-210 { height: 210rpx; } .h-220 { height: 220rpx; } .h-224 { height: 224rpx; } .h-240 { height: 240rpx; } .h-260 { height: 260rpx; } .h-280 { height: 280rpx; } .h-300 { height: 300rpx; } .h-320 { height: 320rpx; } .h-326{ height: 326rpx; } .h-336{ height: 336rpx; } .h-340 { height: 340rpx; } .h-350 { height: 350rpx; } .h-360 { height: 360rpx; } .h-380 { height: 380rpx; } .h-400 { height: 400rpx; } .h-420 { height: 420rpx; } .h-454{ height: 454rpx; } .h-460 { height: 460rpx; } .h-480 { height: 480rpx; } .h-500 { height: 500rpx; } .h-520 { height: 520rpx; } .h-750 { height: 750rpx; } .h-200px{ height:200px; } .h-249px{ height:249px; } .h-272px{ height:272px; } .h-339px{ height:339px; } /* #ifndef APP-PLUS-NVUE*/ /* min-width */ .minw-10 { min-width: 10rpx; } .minw-20 { min-width: 20rpx; } .minw-30 { min-width: 30rpx; } .minw-40 { min-width: 40rpx; } .minw-50 { min-width: 50rpx; } .minw-60 { min-width: 60rpx; } .minw-70 { min-width: 70rpx; } .minw-80 { min-width: 80rpx; } .minw-90 { min-width: 90rpx; } .minw-100 { min-width: 100rpx; } .minw-120 { min-width: 120rpx; } /* min-height */ .minh_100 { min-height: 100%; } .minh { min-height: 100vh; } .minh-100 { min-height: 100rpx; } .minh-120 { min-height: 120rpx; } /* maxheight */ .maxvh-10 { max-height: 10vh; } .maxvh-20 { max-height: 20vh; } .maxvh-30 { max-height: 30vh; } .maxvh-40 { max-height: 40vh; } .maxvh-50 { max-height: 50vh; } .maxvh-60 { max-height: 60vh; } .maxvh-70 { max-height: 70vh; } .maxvh-80 { max-height: 80vh; } .maxvh-90 { max-height: 90vh; } .maxvh-100 { max-height: 100vh; } .mh-10 { max-height: 10rpx; } .mh-20 { max-height: 20rpx; } .mh-30 { max-height: 30rpx; } .mh-40 { max-height: 40rpx; } .mh-50 { max-height: 50rpx; } .mh-60 { max-height: 60rpx; } .mh-80 { max-height: 80rpx; } .mh-90 { max-height: 90rpx; } .mh-100 { max-height: 100rpx; } .mh-120 { max-height: 120rpx; } .mh-130 { max-height: 130rpx; } .mh-140 { max-height: 140rpx; } .mh-150 { max-height: 150rpx; } .mh-160 { max-height: 160rpx; } /* #endif */ /* lineheight */ .lh-1 { line-height: 1; } .lh-1_2 { line-height: 1.2; } .lh-1_4 { line-height: 1.4; } .lh-1_5 { line-height: 1.5; } .lh-1_6 { line-height: 1.6; } .lh-1_8 { line-height: 1.8; } .lh-2 { line-height: 2; } .lh-2_2 { line-height: 2.2; } /* #ifndef APP-PLUS-NVUE */ .lh-ih { line-height: inherit; } /* #endif */ /* #ifndef APP-PLUS-NVUE*/ /* scroll-view */ .scroll-row, .scroll-x { white-space: nowrap; } /* #endif */ /* 边框 */ .border-yellow { border: 1px solid var(--status); } .border { border: 1px solid #eeeeee; } .border-top { border-top: 1px solid #eeeeee; } .border-top-20{ border-top: 20rpx solid #eeeeee; } .border-left { border-left: 1px solid #eeeeee; } .border-bottom { border-bottom: 1px solid #eeeeee; } .border-bottom-F2F2F7 { border-bottom: 2rpx solid #F2F2F7; } .border-right { border-right: 1px solid #eeeeee; } .border-width-2px { border-width: 2px; } .border-primary-color, .border-color-primary, .border-primary { border-color: var(--primary); } .border-color-primary-02, .border-primary-02 { border-color: rgba(218, 37, 28, .2); } .border-white, .border-color-white { border-color: #ffffff; } .border-color-eee { border-color: #eeeeee; } .border-color-e5e5e5 { border-color: #e5e5e5; } .border-color-f8f8f8 { border-color: #f8f8f8; } .border-color-transparent { border-color: rgba(0, 0, 0, 0); } .border-color-tt { border-color: transparent; } .border-0_1 { border: 1rpx solid rgba(0,0,0,.1); } .border-status { border-color: var(--status); } .baf, .bef { position: relative; } /* #ifndef APP-PLUS-NVUE */ .baf::after, .bef::before { content: ''; display: inline-block; position: absolute; border-bottom: 1px solid #F7F8F9; left: 0; right: 0; margin: auto; } /* #endif */ .baf::after { top: 0; } .bef::before { bottom: 0; } /* 圆角 */ .radio-0 { border-radius: 0rpx; } .radio-2 { border-radius: 2rpx; } .radio-4 { border-radius: 4rpx; } .radio-6 { border-radius: 6rpx; } .radio-8 { border-radius: 8rpx; } .radio-10 { border-radius: 10rpx; } .radio-16 { border-radius: 16rpx; } .radio-20 { border-radius: 20rpx; } .radio-22 { border-radius: 22rpx; } .radio-24 { border-radius: 24rpx; } .radio-30 { border-radius: 30rpx; } .radio-40 { border-radius: 40rpx; } .radio-50 { border-radius: 50rpx; } .radio-60 { border-radius: 60rpx; } .radio-70 { border-radius: 70rpx; } .radio-80 { border-radius: 80rpx; } .radio-90 { border-radius: 90rpx; } .radio-100 { border-radius: 100rpx; } .radio-120 { border-radius: 120rpx; } .radio-130 { border-radius: 130rpx; } .radio-140 { border-radius: 140rpx; } .radio-150 { border-radius: 150rpx; } .radio-160 { border-radius: 160rpx; } .radio-circle { border-radius: 50%; } .radio-o { border-radius: 750rpx; } .radio-t-10 { border-top-left-radius: 10rpx; border-top-right-radius: 10rpx; } .radio-t-20 { border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; } .radio-t-30 { border-top-left-radius: 30rpx; border-top-right-radius: 30rpx; } .radio-t-40 { border-top-left-radius: 40rpx; border-top-right-radius: 40rpx; } .radio-t-50 { border-top-left-radius: 50rpx; border-top-right-radius: 50rpx; } .radio-t-60 { border-top-left-radius: 60rpx; border-top-right-radius: 60rpx; } .radio-t-70 { border-top-left-radius: 70rpx; border-top-right-radius: 70rpx; } .radio-b-10 { border-bottom-left-radius: 10rpx; border-bottom-right-radius: 10rpx; } .radio-b-20 { border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx; } .radio-b-30 { border-bottom-left-radius: 30rpx; border-bottom-right-radius: 30rpx; } .radio-b-40 { border-bottom-left-radius: 40rpx; border-bottom-right-radius: 40rpx; } .radio-b-50 { border-bottom-left-radius: 50rpx; border-bottom-right-radius: 50rpx; } .radio-b-60 { border-bottom-left-radius: 60rpx; border-bottom-right-radius: 60rpx; } .radio-b-70 { border-bottom-left-radius: 70rpx; border-bottom-right-radius: 70rpx; } .radio-lt-10 { border-top-left-radius: 10rpx; } .radio-lt-20 { border-top-left-radius: 20rpx; } .radio-lt-30 { border-top-left-radius: 30rpx; } .radio-lt-40 { border-top-left-radius: 40rpx; } .radio-lt-50 { border-top-left-radius: 50rpx; } .radio-lt-60 { border-top-left-radius: 60rpx; } .radio-rt-10 { border-top-right-radius: 10rpx; } .radio-rt-20 { border-top-right-radius: 20rpx; } .radio-rt-30 { border-top-right-radius: 30rpx; } .radio-rt-40 { border-top-right-radius: 40rpx; } .radio-rt-50 { border-top-right-radius: 50rpx; } .radio-rt-60 { border-top-right-radius: 60rpx; } .radio-lb-10 { border-bottom-left-radius: 10rpx; } .radio-lb-20 { border-bottom-left-radius: 20rpx; } .radio-lb-30 { border-bottom-left-radius: 30rpx; } .radio-lb-40 { border-bottom-left-radius: 40rpx; } .radio-lb-50 { border-bottom-left-radius: 50rpx; } .radio-lb-60 { border-bottom-left-radius: 60rpx; } .radio-rb-10 { border-bottom-right-radius: 10rpx; } .radio-rb-20 { border-bottom-right-radius: 20rpx; } .radio-rb-30 { border-bottom-right-radius: 30rpx; } .radio-rb-40 { border-bottom-right-radius: 40rpx; } .radio-rb-50 { border-bottom-right-radius: 50rpx; } .radio-rb-60 { border-bottom-right-radius: 60rpx; } /* 分隔线 */ .divider_10 { width: 100%; height: 10rpx; background-color: #F8F8F8; } .divider_20 { width: 100%; height: 20rpx; background-color: #F8F8F8; } .divider_30 { width: 100%; height: 30rpx; background-color: #F8F8F8; } /* font fa*/ .font-source-han-sans-cn { font-family: Source Han Sans CN; } /* 文字换行溢出处理 */ .text-ellipsis { overflow: hidden; text-overflow: ellipsis; /* #ifndef APP-PLUS-NVUE */ white-space: nowrap; line-height: normal; /* #endif */ } /* #ifndef APP-NVUE */ .line_1 { display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; line-height: normal; white-space: normal; overflow: hidden; } .line_2{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; line-height: normal; white-space: normal; overflow: hidden; } .line_3{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; line-height: normal; white-space: normal; overflow: hidden; } .line_4{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 4; -moz-line-clamp: 4; -ms-line-clamp: 4; -o-line-clamp: 4; line-clamp: 4; line-height: normal; white-space: normal; overflow: hidden; } .line_5{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 5; -moz-line-clamp: 5; -ms-line-clamp: 5; -o-line-clamp: 5; line-clamp: 5; line-height: normal; white-space: normal; overflow: hidden; } .line_6{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 6; -moz-line-clamp: 6; -ms-line-clamp: 6; -o-line-clamp: 6; line-clamp: 6; line-height: normal; white-space: normal; overflow: hidden; } /* #endif */