/* page{ background: #F0F0F0; } */ .title-padding{ height: var(--status-bar-height); background: #FFFFFF 100%; } /* 主体开始 */ .report-body{ background: #F0F0F0; height: 100%; } /* 分割线 */ .line{ background: #F0F0F0; height: 20rpx; } .line-fine{ background: #F0F0F0; height: 2rpx; } /* 标题开始 */ .report-title{ background: #FFFFFF 100%; height: 88rpx; } .report-title-text{ display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 32rpx; color: #171F24; height: 88rpx; } /* 标题结束 */ /* tab选项开始 */ .report-tab{ height: 64rpx; display: flex; flex-direction: row; justify-content: space-around; align-items: flex-end; background: #FFFFFF 100%; margin-top: 2rpx; position: relative; } .tab-noread-num-transient{ width: 36rpx; height: 36rpx; background-image: url('../../static/pic/number.png'); background-size: 100% 100%; font-size: 20rpx; color: #FFFFFF; text-align: center; white-space: nowrap; position: absolute; left: 204rpx; top: 10rpx; display: flex; flex-direction: row; justify-content: center; align-items: center; } .tab-noread-num-steady{ width: 36rpx; height: 36rpx; background-image: url('../../static/pic/number.png'); background-size: 100% 100%; font-size: 20rpx; color: #FFFFFF; text-align: center; white-space: nowrap; position: absolute; left: 454rpx; top: 10rpx; display: flex; flex-direction: row; justify-content: center; align-items: center; } .tab-noread-num-terminal{ width: 36rpx; height: 36rpx; background-image: url('../../static/pic/number.png'); background-size: 100% 100%; font-size:20rpx; color: #FFFFFF; text-align: center; white-space: nowrap; position: absolute; left: 704rpx; top: 10rpx; display: flex; flex-direction: row; justify-content: center; align-items: center; } .tab{ font-size: 28rpx; color: #333333; white-space: nowrap; height: 64rpx; display: flex; flex-direction: row; justify-content: center; align-items: center; } .tab-click{ font-size: 28rpx; color: #3982FC; white-space: nowrap; border-bottom: solid 2rpx #3982FC; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 64rpx; } /* tab选项结束 */ /* 日期选择开始 */ .date-block{ background: #FFFFFF; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 102rpx; } .chooseDate-block{ display: flex; flex-direction: row; justify-content: flex-start; } .date-pic{ width: 6rpx; height: 34rpx; margin-left: 40rpx; } .date-text{ font-size: 30rpx; color: #000000; margin-left: 14rpx; white-space: nowrap; font-weight:500; } .date-choose{ width: 42rpx; height: 42rpx; margin-left: 18rpx; } .date-choose-block{ display: flex; flex-direction: column; justify-content: space-around; position: absolute; border-top: solid 1px #D9D9D9; border-bottom: solid 1px #D9D9D9; z-index: 1000; background: #FFFFFF; width: 100%; } .date-choose-line-one{ font-size: 15px; color: #303233; height: 42rpx; margin-top: 28rpx; margin-left: 40rpx; } .date-choose-line-one-choose{ font-size: 15px; color: #3982FC; height: 42rpx; margin-top: 28rpx; margin-left: 40rpx; } .date-choose-line-two{ font-size: 15px; color: #303233; height: 42rpx; margin-top: 28rpx; margin-left: 40rpx; margin-bottom: 28rpx; } .date-choose-line-two-choose{ font-size: 15px; color: #3982FC; height: 42rpx; margin-top: 28rpx; margin-left: 40rpx; margin-bottom: 28rpx; } .date-choose-line-three{ font-size: 15px; color: #303233; height: 42rpx; margin-left: 40rpx; margin-bottom: 28rpx; } .date-choose-line-three-choose{ font-size: 15px; color: #3982FC; height: 42rpx; margin-left: 40rpx; margin-bottom: 28rpx; } .time-block{ font-size: 30rpx; margin-left: 70rpx; } .sroll-block-line-one{ display: flex; flex-direction: row; height: 122rpx; justify-content: space-between; align-items: center; background: #FFFFFF; box-sizing: border-box; padding: 0 40rpx; border-bottom: solid #F0F0F0 6px; } .sroll-block-line-one-text{ margin-right: 14rpx; height: 88rpx; white-space: nowrap; font-size: 32rpx; color: #333333; text-align: left; display: flex; flex-direction: column; justify-content: center; } .sroll-block-line-one-text-second{ display: flex; flex-direction: row; justify-content: flex-start; } .sroll-block-line-one-text-second-right{ margin-left: 40rpx; } .sroll-block-line-one-pic{ height: 44rpx; width: 44rpx; } /* 日期选择结束 */ /* 内容开始 */ .scroll-view-block{ } .content-block{ height: 240rpx; display: flex; flex-direction: column; justify-content: flex-start; } .content-line-one{ height: 100rpx; display: flex; flex-direction: row; justify-content: space-between; align-items: center; white-space: nowrap; background: #FFFFFF; padding: 0 40rpx; } .content-line-one-text1{ font-size: 30rpx; white-space: nowrap; } .content-line-one-text2{ font-size: 30rpx; white-space: nowrap; } .content-line-one-pic{ width: 44rpx; height: 40rpx; } .content-line-two{ height:4rpx; background: #F0F0F0; } .content-line-three{ background: #FFFFFF; height: 120rpx; display: flex; flex-direction: column; padding:2rpx 40rpx ; font-size: 24rpx; color: #333333; box-sizing: border-box; } /* 内容结束 */ /* 申请开始 */ .apply-block{ background: #FFFFFF; display: flex; flex-direction: column; justify-content: flex-start; margin-top: 16rpx; } .apply-line{ height: 92rpx; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 40rpx; } .apply-line-left{ width: 150rpx; font-size: 30rpx; color: #303233; white-space: nowrap; } .apply-line-center{ width: 446rpx; font-size: 26rpx; color: #999999; text-align: right; } .apply-line-right{ width: 44rpx; height: 44rpx; margin-left: 40rpx; } .apply-button1{ margin: 236rpx 46rpx 0 46rpx; background: #3982FC; border-radius: 20px; height: 80rpx; width: 658rpx; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 32rpx; color: #FFFFFF; } .apply-button2{ margin:34rpx 46rpx 0 46rpx; border: 1px solid #3982FC; border-radius: 20px; height: 80rpx; width: 658rpx; color: #3982FC; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 32rpx; } /* 申请结束 */ .no-data{ color: #FF5059; /* background: #FFFFFF; */ display: flex; flex-direction: row; justify-content: center; align-items: center; } /* 主体结束 */