@charset "UTF-8"; /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /* 图片加载中颜色 */ /* 行为相关颜色 */ .normal-tip { font-size: 24rpx; line-height: 40rpx; padding: 4rpx 10rpx; } .normal-tip.by { border-radius: 20rpx; } .normal-tip.yd { border-radius: 5rspx; } .fixed-page-content { width: 100%; height: 100%; padding-bottom: 120rpx; box-sizing: border-box; } .page-content { width: 100%; height: 100%; } .white-box { width: 100%; font-size: 28rpx; padding: 0 40rpx; background-color: #ffffff; box-sizing: border-box; } .white-box:not(:last-child) { margin-bottom: 30rpx; } .white-box .flex-item { align-items: center; } .white-box .flex-item .tel-box { display: flex; align-items: center; justify-content: flex-end; } .white-box .flex-item .tel-box .custom-tel-component { margin-left: 20rpx; } .white-box .cell-item { color: var(--Black); padding: 30rpx 0; display: flex; justify-content: space-between; position: relative; } .white-box .cell-item::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: 0; bottom: 0; left: 0; border-bottom: 2rpx solid #ebedf0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .white-box .cell-item > .label { flex: 1; width: 30%; } .white-box .cell-item > .label .tips { font-size: 22rpx; color: var(--greyColor); } .white-box .cell-item > .label.required { position: relative; } .white-box .cell-item > .label.required::after { content: '*'; color: var(--Red); position: absolute; font-size: 30rpx; top: -15rpx; left: -15rpx; } .white-box .cell-item > .tit { color: var(--Black); flex: 1; width: 70%; text-align: right; } .white-box .cell-item > .tit .van-radio-group { display: flex; justify-content: flex-end; } .white-box .cell-item > .tit .van-radio-group .van-radio:not(:first-child) { margin-left: 30rpx; } .white-box .block-cell-item { color: var(--Black); padding: 30rpx 0; position: relative; } .white-box .block-cell-item::after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: 16rpx; bottom: 0; left: 16rpx; border-bottom: 2rpx solid #ebedf0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .white-box .block-cell-item .label { width: 100%; padding-bottom: 30rpx; } .white-box .block-cell-item .label.required { position: relative; } .white-box .block-cell-item .label.required::after { content: '*'; color: var(--Red); position: absolute; font-size: 30rpx; top: -15rpx; left: -15rpx; } .white-box .block-cell-item .label .tips { font-size: 22rpx; color: var(--greyColor); } .white-box .block-cell-item .tit { width: 100%; color: var(--Black); } .white-box .block-cell-item .tit .van-radio-group { display: flex; justify-content: flex-end; } .white-box .block-cell-item .tit .van-radio-group .van-radio:not(:first-child) { margin-left: 30rpx; } .white-box .block-cell-item .tit .textarea { background-color: #F8F8F8; font-size: 30rpx; color: #B7B7B7; border-radius: 10rpx; padding: 30rpx; word-break: break-all; } .white-box .custom-white-box-content { padding-bottom: 30rpx; } .z-bg { background: #6600ff; color: #fff; } .l-bg { background: #0000FF; color: #fff; } .h-bg { background: #F87A7A; color: #fff; } .y-bg { background: #e4ce6b; color: #fff; } .z-br { background: #fff; border: 1px solid #6600ff; color: #6600ff; } .chaochuyincang { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .indexpage .menu-list { margin-top: 24rpx; display: flex; flex-wrap: wrap; justify-content: space-between; background: #ffffff; width: 100%; padding: 30rpx 32rpx 6rpx 32rpx; box-sizing: border-box; } .indexpage .menu-list .menu-row { width: 330rpx; height: 128rpx; position: relative; margin-bottom: 24rpx; } .indexpage .menu-list .menu-row .text { position: absolute; left: 32rpx; top: 38rpx; font-weight: bold; font-size: 36rpx; color: #333333; z-index: 2; } .indexpage .menu-list .menu-row .back { width: 330rpx; height: 128rpx; position: absolute; z-index: 1; } .indexpage .menu-list .menu-row .icon { position: absolute; left: 230rpx; top: 32rpx; width: 68rpx; height: 68rpx; z-index: 2; } .indexpage .report { margin-top: 24rpx; display: flex; padding: 24rpx 28rpx; background: #ffffff; } .indexpage .report .right { display: flex; align-items: center; margin-left: 16rpx; } .indexpage .report .info { display: flex; align-items: center; margin-top: 12rpx; margin-bottom: 12rpx; display: flex; color: #18172a; } .indexpage .report .left { display: flex; align-items: center; } .indexpage .report .line { width: 2rpx; height: 80rpx; background: #e7eaf0; } .indexpage .report image { height: 96rpx; width: 86rpx; margin-right: 16rpx; } .indexpage .report .day { font-size: 24rpx; color: #666666; } .indexpage .indextop { background: #ffffff; border-radius: 0rpx 0rpx 0rpx 0rpx; padding-bottom: 24rpx; } .indexpage .bz { display: flex; align-items: center; justify-content: center; margin-top: 24rpx; } .indexpage .bz .yyicon { height: 60rpx; width: 60rpx; } .indexpage .bz .jiantou { color: #7a869a; margin-left: 12rpx; margin-right: 12rpx; font-size: 30rpx; font-weight: bold; } .indexpage .jiaobiao { position: absolute; top: 10rpx; right: 30rpx; border-radius: 50%; background: red; font-size: 24rpx; height: 30rpx; width: 30rpx; text-align: center; line-height: 24rpx; color: white; line-height: 30rpx; } .indexpage .banner { width: 686rpx; height: 300rpx; display: block; margin: auto; z-index: 1; } page { background: #f5f7fa; }