image { display: block; } .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .iconNext { width: 14rpx; height: 26rpx; } .lineLimit { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-align: left !important; } .no-data { width: 100%; display: flex; justify-content: center; align-items: center; } .no-data .line { width: 132rpx; height: 2rpx; background: #999; } .no-data .txt { font-size: 26rpx; color: rgba(153, 153, 153, 1); margin: 0 16rpx; } .pageTitle { font-family: SourceHanSansCN-Normal; font-size: 24rpx; color: #666666; letter-spacing: 0.25rpx; margin-top: 30rpx; padding: 0rpx 30rpx; } .listBox { padding: 0rpx 30rpx; background: #FFFFFF; } .mp-20 { margin-top: 20rpx; } .listBoxItem { padding: 27rpx 0rpx; display: flex; justify-content: space-between; align-items: center; } .listBoxItem .listBoxItemLeft { font-family: SourceHanSansCN-Normal; font-size: 32rpx; color: #333333; letter-spacing: 0; display: flex; align-items: center; } .listBoxItem .vred { color: red; margin-right: 2rpx; } .listBoxItem .listBoxItemRight { font-family: SourceHanSansCN-Normal; font-size: 32rpx; color: #333333; letter-spacing: 0; display: flex; align-items: center; } .listBoxItem .listBoxItemRight .novalue { font-family: .PingFangSC-Regular; font-size: 30rpx; color: #CCCCCC; letter-spacing: 0; text-align: center; } .listBoxItemInput { width: 280rpx; text-align: right; } .listBoxItemInputPlaceholder { text-align: right; } .listBoxline { border-bottom: 1rpx solid #E4E4E4; } .listBoxItem .listBoxItemRight .iconNext { width: 24rpx; height: 42rpx; margin-left: 14rpx; } .l-box { background: #FFFFFF; } .l-box-info { display: flex; justify-content: space-between; align-items: center; margin: 0rpx 40rpx; padding: 18rpx 0rpx; box-sizing: border-box; border-bottom: 1rpx solid #E4E4E4; } .l-box-info-left-title { font-family: PingFangSC-Regular; font-size: 32rpx; color: #333333; letter-spacing: 0; text-align: left; } .l-box-info-left-ftitle { ont-family: PingFangSC-Regular; font-size: 24rpx; color: #666666; letter-spacing: 0; text-align: left; margin-top: 6rpx; } .icon-check { color: #E6E6E6; } .icon-check-in { color: #0DC99E; } .indexbox { background: #FFFFFF; border-radius: 8rpx; border-radius: 8rpx; overflow: hidden; padding: 17rpx 30rpx; box-sizing: border-box; } .indexheader { display: flex; justify-content: space-between; padding-bottom: 22rpx; border-bottom: 2rpx solid #F0F0F0; } .indexheader .indexheaderLeft .indexheaderLeftText { font-family: SourceHanSansCN-Medium; font-size: 28rpx; color: #333333; line-height: 40rpx; z-index: 2; font-weight: bold; } .indexheader .indexheaderRight .indexheaderMoreText { opacity: 0.6; font-family: SourceHanSansCN-Normal; font-size: 24rpx; color: #666666; line-height: 40rpx; } .lCircle { opacity: 0.1; background: #49CEC1; border-radius: 100%; position: absolute; } .lc_1 { width: 100rpx; height: 100rpx; bottom: -20rpx; right: -40rpx; } .lc_2 { width: 73rpx; height: 73rpx; bottom: -40rpx; right: 33rpx; } .btnBgWhite, .btnQuit { background: #FFFFFF; border: 2rpx solid #0DC99E; border-radius: 8rpx; font-family: SourceHanSansCN-Medium; font-size: 32rpx; color: #0DC99E; letter-spacing: 0; height: 90rpx; line-height: 90rpx; margin: 34rpx 30rpx; text-align: center; box-sizing: border-box; }