/**app.wxss**/ @import 'weui.wxss'; .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; box-sizing: border-box; } /* 负责全局样式 margin 是负责移动 font是负责字体 */ .margin-t5 { margin-top: 5rpx; } .margin-l8 { margin-left: 8rpx; } .margin-t12{ margin-top: 12rpx; } .margin-r12{ margin-right: 12rpx; } .margin-l5 { margin-left: 5rpx; } .margin-t8 { margin-top: 8rpx; } .margin-t10 { margin-top: 10rpx; } .margin-r10 { margin-right: 10rpx; } .margin-t20 { margin-top: 20rpx; } .margin-b20 { margin-bottom: 20rpx; } .margin-tb20 { margin-top: 20rpx; margin-bottom: 20rpx; } .margin-r20 { margin-rigt: 20rpx; } .margin-t22 { margin-top: 22rpx; } .margin-r24 { margin-right: 24rpx; } .margin-t25 { margin-top: 25rpx; } .margin-b25 { margin-bottom: 25rpx; } .margin-lr25 { margin-left: 25rpx; margin-right: 25rpx; } .margin-t26 { margin-top: 26rpx; } .margin-l26 { margin-left: 26rpx; } .margin-lr26 { margin-left: 26rpx; margin-right: 26rpx; } .margin-t30 { margin-top: 30rpx; } .margin-lr30 { margin-left: 30rpx; margin-right: 30rpx; } .margin-l32 { margin-left: 30rpx; } .margin-l34 { margin-left: 34rpx; } .margin-t35 { margin-top: 35rpx; } .margin-l35 { margin-left: 35rpx; } .margin-b35 { margin-bottom: 35rpx; } .margin-r35 { margin-right: 35rpx; } .margin-t38 { margin-top: 38rpx; } .margin-tb38 { margin-top: 38rpx; margin-bottom: 38rpx; } .margin-r38 { margin-right: 38rpx; } .margin-l38 { margin-left: 38rpx; } .margin-b28 { margin-bottom: 28rpx; } .margin-tb30 { margin-top: 30rpx; margin-bottom: 30rpx; } .margin-tb38 { margin-top: 38rpx; margin-bottom: 38rpx; } .margin-t40 { margin-top: 40rpx; } .margin-tb40 { margin-top: 40rpx; margin-bottom: 40rpx; } .margin-b42 { margin-bottom: 42rpx; } .margin-t45 { margin-top: 45rpx; } .margin-t48 { margin-top: 48rpx; } .margin-t57 { margin-top: 57rpx; } .margin-t70 { margin-top: 70rpx; } .margin-t15 { margin-top: 15rpx; } .margin-l10 { margin-left: 10rpx; } .margin-l16 { margin-left: 16rpx; } .margin-r16 { margin-right: 16rpx; } .margin-l18 { margin-left: 18rpx; } .margin-l20 { margin-left: 20rpx; } .margin-l23 { margin-left: 23rpx; } .margin-l25 { margin-left: 25rpx; } .margin-l28 { margin-left: 28rpx; } .margin-l30 { margin-left: 30rpx; } .margin-l40 { margin-left: 40rpx; } .margin-lr42 { margin-left: 42rpx; margin-right: 42rpx; } .margin-l45 { margin-left: 45rpx; } .margin-r48 { margin-right: 48rpx; } .margin-l52 { margin-left: 52rpx; } .margin-l54 { margin-left: 54rpx; } .margin-lr55 { margin-left: 55rpx; margin-right: 55rpx; } .margin-l56 { margin-left: 56rpx; } .margin-l62 { margin-left: 62rpx; } .margin-l75 { margin-left: 75rpx; } .margin-r75 { margin-right: 75rpx; } .margin-l80 { margin-left: 80rpx; } .margin-l110 { margin-left: 110rpx; } .margin-r30 { margin-right: 30rpx; } .margin-lr32 { margin-left: 32rpx; margin-right: 32rpx; } .margin-lr34 { margin-left: 34rpx; margin-right: 34rpx; } .margin-lr36 { margin-left: 36rpx; margin-right: 36rpx; } .margin-lr40 { margin-left: 40rpx; margin-right: 40rpx; } .margin-lr44 { margin-left: 44rpx; margin-right: 44rpx; } .margin-r40 { margin-right: 40rpx; } .margin-t33 { margin-top: 33rpx; } .margin-t42 { margin-top: 42rpx; } .margin-t50 { margin-top: 50rpx; } .margin-t53 { margin-top: 53rpx; } .margin-b53 { margin-bottom: 53rpx; } .margin-b60 { margin-bottom: 60rpx; } .margin-l13 { margin-left: 13rpx; } .margin-l93 { margin-left: 93rpx; } .margin-r93 { margin-right: 93rpx; } .margin-auto-t { margin-top: auto; } .margin-auto-b { margin-bottom: auto; } .margin-auto-l { margin-left: auto; } .margin-auto-r { margin-right: auto; } .padding-lr100 { padding: 0 100rpx; } .padding-b60 { padding-bottom: 60rpx; } .font-black-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #000; line-height: 28rpx; } .fontb-black-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #000; line-height: 28rpx; } .font-white-20 { height: 20rpx; font-size: 20rpx; font-weight: 400; color: #FFFFFF; line-height: 20rpx; } .font-white-32 { height: 32rpx; font-size: 32rpx; font-weight: 400; color: #FFFFFF; line-height: 32rpx; } .font-white-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #FFFFFF; line-height: 28rpx; } .fontb-white-32 { height: 32rpx; font-size: 32rpx; font-weight: 700; color: #FFFFFF; line-height: 32rpx; } .font3-white-24 { height: 24rpx; font-size: 24rpx; font-weight: 300; color: #FFFFFF; line-height: 24rpx; } .font-white-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #FFFFFF; line-height: 24rpx; } .font-white-30 { height: 30rpx; font-size: 30rpx; font-weight: 400; color: #FFFFFF; line-height: 30rpx; } .font-white-36 { height: 36rpx; font-size: 36rpx; font-weight: 400; color: #FFFFFF; line-height: 36rpx; } .font-white-40{ height: 40rpx; font-size: 40rpx; font-weight: 400; color: #FFFFFF; line-height: 40rpx; } .fontb-070707-62 { height: 62rpx; font-weight: bold; color: #070707; font-size: 62rpx; line-height: 62rpx; font-weight: bold; } .fontb-0A0A0A-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #0A0A0A; line-height: 28rpx; } .fontb-0E0E0E-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #0E0E0E; line-height: 28rpx; } .font-0DB34A-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #0DB34A; line-height: 24rpx; } .font-0E0E0E-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #0E0E0E; line-height: 24rpx; } .fontb-101010-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #101010; line-height: 28rpx; } .font-101010-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #101010; line-height: 24rpx; } .fontb-101010-24 { height: 24rpx; font-size: 24rpx; font-weight: bold; color: #101010; line-height: 24rpx; } .font-111-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #111; line-height: 24rpx; } .fontb-111-24 { height: 24rpx; font-size: 24rpx; font-weight: bold; color: #111; line-height: 24rpx; } .fontb-111-32 { height: 32rpx; font-size: 32rpx; font-weight: bold; color: #111; line-height: 32rpx; } .font-111-32 { height: 32rpx; font-size: 32rpx; font-weight: 400; color: #111; line-height: 32rpx; } .fontb-111-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #111; line-height: 28rpx; } .font-111-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #111; line-height: 28rpx; } .fontb-111-40 { height: 40rpx; font-size: 40rpx; font-weight: bold; color: #111; line-height: 40rpx; } .fontb-131313-32 { height: 32rpx; font-size: 32rpx; font-weight: bold; color: #131313; line-height: 32rpx; } .font-131313-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #131313; line-height: 28rpx; } .fontb-131313-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #131313; line-height: 28rpx; } .fontb-151515-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #151515; line-height: 28rpx; } .fontb-171717-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #171717; line-height: 28rpx; } .fontb-181818-32 { height: 32rpx; font-size: 32rpx; font-weight: bold; color: #171717; line-height: 32rpx; } .font-181818-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #181818; line-height: 24rpx; } .fontb-1A1A1A-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #1A1A1A; line-height: 28rpx; } .fontb-1F212E-32 { height: 32rpx; font-size: 32rpx; font-weight: bold; color: #1F212E; line-height: 32rpx; } .font-1F212E-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #1F212E; line-height: 24rpx; } .fontb-1A1A1A-36 { height: 36rpx; font-size: 36rpx; font-weight: bold; color: #1A1A1A; line-height: 36rpx; } .fontb-1E1E1E-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #1E1E1E; line-height: 28rpx; } .font-1E1E1E-20 { height: 20rpx; font-size: 20rpx; font-weight: 400; color: #1E1E1E; line-height: 20rpx; } .fontb-1F1F1F-36{ height: 36rpx; font-size: 36rpx; font-weight: bold; color: #1F1F1F; line-height: 36rpx; } .font-202020-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #202020; line-height: 24rpx; } .font-202020-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #202020; line-height: 28rpx; } .font-252525-20 { height: 20rpx; font-size: 20rpx; font-weight: 400; color: #202020; line-height: 20rpx; } .font-252525-16 { height: 16rpx; font-size: 16rpx; font-weight: 400; color: #202020; line-height: 16rpx; } .fontb-2D2D2D-28 { height: 28rpx; font-size: 28rpx; color: #2D2D2D; font-weight: bold; line-height: 28rpx; } .fontb-232323-28 { height: 28rpx; font-size: 28rpx; color: #232323; font-weight: bold; line-height: 28rpx; } .font-303030-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #303030; line-height: 24rpx; } .fontb-303030-28 { height: 28rpx; font-size: 28rpx; color: #303030; font-weight: bold; line-height: 28rpx; } .fontb-303030-28 { height: 28rpx; font-size: 28rpx; color: #303030; font-weight: bold; line-height: 28rpx; } .font-333-26 { height: 26rpx; font-size: 26rpx; color: #333; font-weight: 400; line-height: 26rpx; } .font-333-28 { height: 28rpx; font-size: 28rpx; color: #333; font-weight: 400; line-height: 28rpx; } .font-333-30 { height: 30rpx; font-size: 30rpx; color: #333; font-weight: 400; line-height: 30rpx; } .font-333-34 { height: 34rpx; font-size: 34rpx; color: #333; font-weight: 400; line-height: 34rpx; } .font-3066AD-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #3066AD; line-height: 24rpx; } .fontb-3066AD-28 { height: 28rpx; font-size: 28rpx; color: #3066AD; font-weight: bold; line-height: 28rpx; } .font-3F3F3F-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #3F3F3F; line-height: 24rpx; } .font-353535-28 { height: 28rpx; font-size: 28rpx; color: #353535; font-weight: 400; line-height: 28rpx; } .font-414141-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #414141; line-height: 24rpx; } .font-435163-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #435163; line-height: 24rpx; } .fontb-4B4B4B-24 { height: 24rpx; font-size: 24rpx; font-weight: bold; color: #4B4B4B; line-height: 24rpx; } .font-4F4F4F-20 { height: 20rpx; font-size: 20rpx; color: #4F4F4F; font-weight: 400; line-height: 20rpx; } .font-4F4F4F-26 { height: 26rpx; font-size: 26rpx; color: #4F4F4F; font-weight: 400; line-height: 26rpx; } .font-4F4F4F-28 { height: 28rpx; font-size: 28rpx; color: #4F4F4F; font-weight: 400; line-height: 28rpx; } .font-4F4F4F-30 { height: 30rpx; font-size: 30rpx; color: #4F4F4F; font-weight: 400; line-height: 30rpx; } .font-4F4F4F-34 { height: 34rpx; font-size: 34rpx; color: #4F4F4F; font-weight: 400; line-height: 34rpx; } .font-515151-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #515151; line-height: 24rpx; } .font-585858-20 { height: 20rpx; font-size: 20rpx; font-weight: 400; color: #585858; line-height: 20rpx; } .font-505050-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #505050; line-height: 28rpx; } .font-5A5A5A-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #5A5A5A; line-height: 24rpx; } .font-5F5F5F-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #5F5F5F; line-height: 24rpx; } .font-606060-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #606060; line-height: 24rpx; } .font-6E6E6E-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #6E6E6E; line-height: 24rpx; } .font-686868-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #686868; line-height: 28rpx; } .font-838181-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #838181; line-height: 24rpx; } .fontb-2b2b2b-26 { font-size: 26rpx; color: #2b2b2b; font-weight: bold; line-height: 26rpx; height: 26rpx; } .fontb-1D1DE4-26 { font-size: 26rpx; color: #1D1DE4; font-weight: bold; line-height: 26rpx; height: 26rpx; } .font-757575-20 { font-size: 20rpx; color: #757575; line-height: 20rpx; height: 20rpx; } .fontb-1C1C1C-28 { font-size: 28rpx; color: #1C1C1C; font-weight: bold; line-height: 28rpx; height: 28rpx; } .fontb-FFDC19-28 { font-size: 28rpx; font-weight: bold; color: #FFDC19; line-height: 28rpx; height: 28rpx; } .font-8888E4-20 { font-size: 20rpx; color: #8888E4; line-height: 20rpx; height: 20rpx; } .font-828282-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #828282; line-height: 28rpx; } .font-828282-22 { height: 22rpx; font-size: 22rpx; font-weight: 400; color: #828282; line-height: 22rpx; } .font-828282-26 { height: 26rpx; font-size: 26rpx; font-weight: 400; color: #828282; line-height: 26rpx; } .font-858585-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #858585; line-height: 24rpx; } .fontb-929292-24 { height: 24rpx; font-size: 24rpx; font-weight: bold; color: #929292; line-height: 24rpx; } .font-929292-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #929292; line-height: 24rpx; } .font-939393-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #939393; line-height: 28rpx; } .font-999-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #999999; line-height: 24rpx; } .font-999-20 { height: 20rpx; font-size: 20rpx; font-weight: 400; color: #999999; line-height: 20rpx; } .font-999-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #999999; line-height: 28rpx; } .fontb-D3A861-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #D3A861; line-height: 28rpx; } .fontb-D3A861-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #D3A861; line-height: 28rpx; } .fontb-D3A861-50 { height: 50rpx; font-size: 50rpx; font-weight: bold; color: #D3A861; line-height: 50rpx; } .font-D4A962-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #D4A962; line-height: 24rpx; } .font-F10303-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #F10303; line-height: 24rpx; } .font-ED0000-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #ED0000; line-height: 24rpx; } .font-E40404-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #E40404; line-height: 24rpx; } .font-E40404-32 { height: 32rpx; font-size: 32rpx; font-weight: 400; color: #E40404; line-height: 32rpx; } .font-F20404-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #F20404; line-height: 24rpx; } .font-F20808-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #F20808; line-height: 24rpx; } .font-F100000-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #F10000; line-height: 24rpx; } .fontb-F7AE00-24 { height: 24rpx; font-size: 24rpx; font-weight: bold; color: #F7AE00; line-height: 24rpx; } .fontb-F7AE00-32 { height: 32rpx; font-size: 32rpx; font-weight: bold; color: #F7AE00; line-height: 32rpx; } .font-A0A0A0-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #A0A0A0; line-height: 28rpx; } .font-BDBDBD-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #BDBDBD; line-height: 28rpx; } .font-red-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #ff0000; line-height: 28rpx; } .fontb-red-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #ff0000; line-height: 28rpx; } .fontb-red-32 { height: 32rpx; font-size: 32rpx; font-weight: bold; color: #ff0000; line-height: 32rpx; } .fontb-red-54 { height: 54rpx; font-size: 54rpx; font-weight: bold; color: #ff0000; line-height: 54rpx; } .fontb-red-36 { height: 36rpx; font-size: 36rpx; font-weight: bold; color: #ff0000; line-height: 36rpx; } .fontb-F40101-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #F40101; line-height: 28rpx; } .font-F100000-32 { height: 32rpx; font-size: 32rpx; font-weight: 400; color: #F10000; line-height: 32rpx; } .font-F9A803-24 { height: 24rpx; font-size: 24rpx; font-weight: 400; color: #F9A803; line-height: 24rpx; } .fontb-F9A803-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #F9A803; line-height: 28rpx; } .font-F9A803-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #F9A803; line-height: 28rpx; } .font-FD950E-28 { height: 28rpx; font-size: 28rpx; font-weight: 400; color: #FD950E; line-height: 28rpx; } .fontb-FD950E-28 { height: 28rpx; font-size: 28rpx; font-weight: bold; color: #FD950E; line-height: 28rpx; } .font-FFC600-20 { height: 20rpx; font-size: 20rpx; font-weight: 400; color: #FFC600; line-height: 20rpx; } .width-max { width: 100%; } .width-500 { width: 500rpx; } .width-626 { width: 626rpx; } .width-686 { width: 686rpx; } .width-138 { width: 138rpx; } .width-128 { width: 128rpx; } .min-width-50 { min-width: 50rpx; } .min-width-150 { min-width: 150rpx; } .height-110 { height: 110rpx; } .i-align-center { align-items: center; } .i-align-end { align-items: flex-end; } .i-between { justify-content: space-between; } .i-justify-center { justify-content: center; } .i-item-center { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .i-end { justify-content: flex-end; } .i-text-end { text-align: end; } .height-80 { height: 80rpx; } /* //是否显示省略号 //多出部分隐藏 //一行显示 */ .i-overflow-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .icon-pull { width: 14rpx; height: 8rpx; object-fit: contain; margin: auto 10rpx; } .icon-pull1 { width: 17rpx; height: 9.4rpx; object-fit: contain; } .icon-push { width: 21rpx; height: 11rpx; object-fit: contain; } .icon-pen { width: 28rpx; height: 27rpx; object-fit: contain; } .icon-loacal { width: 24rpx; height: 28rpx; object-fit: contain; } .icon-check { width: 40rpx; height: 27rpx; object-fit: contain; } .icon-check2 { width: 34rpx; height: 34rpx; object-fit: contain; } .icon-colock { width: 34rpx; height: 33rpx; object-fit: contain; } .icon-close { width: 35rpx; height: 42rpx; object-fit: contain; } .icon-del { width: 25rpx; height: 28rpx; object-fit: contain; } .icon-down { width: 29rpx; height: 29rpx; object-fit: contain; } .icon-scran { width: 48rpx; height: 45rpx; object-fit: contain; } .icon-tel { width: 26rpx; height: 26rpx; object-fit: contain; } .icon-next { width: 12rpx; height: 23rpx; object-fit: contain; } .icon-back { width: 16rpx; height: 27rpx; object-fit: contain; } .icon-back-white { width: 18rpx; height: 30rpx; object-fit: contain; } .icon-scran-code { width: 72rpx; height: 73rpx; object-fit: contain; } .bg-white { width: 750rpx; min-height: 50rpx; background-color: #FFFFFF; } .bg-white-686 { width: 686rpx; min-height: 50rpx; background-color: #FFFFFF; margin-left: 32rpx; margin-right: 32rpx; } .bg-white-678 { width: 678rpx; min-height: 50rpx; background-color: #FFFFFF; margin-left: 36rpx; margin-right: 36rpx; } .item-bar-container { position: relative; display: flex; flex-direction: row; padding: 53rpx 45rpx; flex: 1; overflow: hidden; color: #232323; font-size: 28rpx; line-height: 28rpx; font-weight: bold; justify-content: space-between; align-items: center; } .radius-15 { border-radius: 15rpx; } .radius-12 { border-radius: 12rpx; } .text-line-through { text-decoration: line-through } .i-row { display: flex; flex-direction: row; } .i-center { align-items: center; } .i-column { display: flex; flex-direction: column; } .i-justify-center { justify-content: center; } .i-space-between { justify-content: space-between; } .i-flex-end { justify-content: flex-end; } .i-space-around { justify-content: space-around; } .i-flex-end { justify-content: flex-end; } .expand { flex: 1; } .page-container { width: 100%; min-height: 100vh; display: flex; flex-direction: column; position: relative; background-color: #f7f7f7; } .page-contain { width: 100%; height: 100%; position: relative; } .item-container { display: flex; flex-direction: column; align-items: flex-start; position: relative; margin: 16rpx 36rpx 0; padding: 32rpx 0 42rpx; border-radius: 16rpx; background-color: #ffffff; } .font-weight-bold{ font-weight: bold; } .font-weight-500{ font-weight: 500; } .font-weight-600{ font-weight: 600; }