image { display: block; } .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .popupbox-msg { background: #FFFFFF; box-shadow: 0 16rpx 30rpx 0 rgba(0, 0, 0, 0.10); border-radius: 8rpx; width: 300rpx; height: 300rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; } .popupbox-msg-icon-check { font-size: 100rpx; color: #0DC99E; } .popupbox-msg-info { margin-top: 30rpx; font-family: SourceHanSansCN-Medium; font-size: 32rpx; color: #333333; letter-spacing: 0.33rpx; } .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; position: absolute; flex: 1; display: flex; } .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; } .btnQuit:active{ background: #FAFAFA; } .l-btn { border-radius: 27rpx; width: 108rpx; margin-left: 20rpx; } .l-btnCancel { display: flex; background: #FFFFFF; border: 1rpx solid #0DC99E; justify-content: center; align-items: center; } .l-btnTxt { font-family: SourceHanSansCN-Normal; font-size: 24rpx; text-align: center; height: 54rpx; line-height: 54rpx; } .l-btnCancelTxt { color: #0DC99E; } .l-btnConfirm { display: flex; background: #0DC99E; border: 1rpx solid #0DC99E; align-items: center; justify-content: center; } .l-btnConfirmTxt { color: #FFFFFF; } .b-btn { border-radius: 5rpx; width: 100%; } .b-btnCancel { display: flex; background: #FFFFFF; border: 1rpx solid #0DC99E; justify-content: center; align-items: center; } .b-btnTxt { font-family: SourceHanSansCN-Normal; font-size: 28rpx; text-align: center; height: 90rpx; line-height: 90rpx; } .b-btnCancelTxt { color: #0DC99E; } .b-btnConfirm { display: flex; background: #0DC99E; border: 1rpx solid #0DC99E; align-items: center; justify-content: center; } .b-btnConfirmTxt { color: #FFFFFF; } .iconTop { color: #FFFFFF; font-size: 45rpx; } .searchBox { display: flex; background: rgba(255, 255, 255, 0.40); border-radius: 4rpx; width: 512rpx; height: 56rpx; padding: 7rpx 26rpx; flex-direction: row; justify-content: space-between; align-items: center; } .searchBoxInput { font-family: SourceHanSansCN-Normal; font-size: 28rpx; color: #FFFFFF; display: flex; flex: 1; } .topNav-icon-search{ padding-left: 55rpx; } .topNav-icon-settings2{ padding-left: 40rpx; } .popupbox-amt { background: #FFFFFF; box-shadow: 0 16rpx 30rpx 0 rgba(0, 0, 0, 0.10); border-radius: 8rpx; display: flex; flex-direction: column; position: absolute; } .popupbox-header { display: flex; align-items: center; padding-top: 30rpx; } .popupbox-header-tag { background-image: linear-gradient(130deg, #52D5A6 0%, #43C9CF 100%); width: 8rpx; height: 18rpx; } .popupbox-header-title { font-family: PingFangSC-Regular; font-size: 24rpx; color: #666666; letter-spacing: 0; text-align: left; margin-left: 32rpx; } .popupbox-bottom { display: flex; justify-content: space-around; } .popupbox-btn { display: flex; align-items: center; height: 90rpx; background: #0DC99E; border-radius: 0 0 8rpx 0; width: 100%; justify-content: center; } .popupbox-btn-txt { font-family: PingFangSC-Regular; font-size: 30rpx; color: #FFFFFF; letter-spacing: 0; } .popupbox-btn-cancel { background: #FAFAFA; border-radius: 0 0 0 8rpx; } .popupbox-btn-cancel text.popupbox-btn-txt { font-family: PingFangSC-Regular; font-size: 30rpx; color: #333333; letter-spacing: 0; }