@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; } .z-br { background: #fff; border: 1px solid #6600ff; color: #6600ff; } .chaochuyincang { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } page { background: white; } .managementBody { padding: 4vw; } .banner { width: 92vw; height: 250rpx; z-index: 1; } .mapdom { width: 25%; height: 184rpx; } .maptxt { width: 100%; height: 34rpx; font-size: 24rpx; font-family: PingFang SC-Medium, PingFang SC; font-weight: 500; color: #18172a; text-align: center; margin-top: 8rpx; } .mapIcon { width: 65rpx; height: 80rpx; display: block; margin: auto; } .map { z-index: 2; width: calc(100% - 24rpx); border-radius: 48rpx 48rpx 0rpx 0rpx; background: white; padding: 24rpx 12rpx; overflow-y: auto; } .needBox { display: flex; align-items: center; justify-content: space-between; margin: 2vw 0; } .needBox .needLeft { display: flex; justify-content: space-around; background: #eef4ff; border-radius: 8rpx; align-items: center; width: 45vw; height: 23vw; } .needBox .needRight { display: flex; justify-content: space-around; background: #def6f8; border-radius: 8rpx; align-items: center; width: 45vw; height: 23vw; } .needBox .needLeftLeft { display: flex; flex-direction: column; } .needBox .needImg { width: 100rpx; height: 100rpx; } .titleTips { display: flex; align-items: center; font-size: 4.7vw; font-weight: 600; color: #18172a; margin: 4vw 0 2vw 0; } .titleTips .myLine { width: 13rpx; height: 40rpx; background: linear-gradient(180deg, #509fff 0%, #034df7 100%); margin-right: 20rpx; }