@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .bascis-info.data-v-07d49b2e, .economic-base.data-v-07d49b2e, .contact.data-v-07d49b2e, .video.data-v-07d49b2e, .photo.data-v-07d49b2e, .mate-standard.data-v-07d49b2e, .privacy.data-v-07d49b2e { width: 690rpx; height: auto; margin: auto; } .h1-title.data-v-07d49b2e { height: 45rpx; line-height: 45rpx; font-size: 32rpx; color: #333; font-weight: bold; } .input.data-v-07d49b2e { width: 690rpx; height: 100rpx; margin: auto; display: flex; align-items: center; border-bottom: 1rpx solid #EEEEEE; font-size: 28rpx; color: #333; } .input .label.data-v-07d49b2e { flex: 1; text-align: left; } .input .value.data-v-07d49b2e { flex: 3; text-align: right; } .select-btn.data-v-07d49b2e { width: 100%; height: 140rpx; padding: 30rpx 0; font-size: 28rpx; color: #333; border-bottom: 1rpx solid #EEEEEE; } .select-btn .label.data-v-07d49b2e { height: 40rpx; line-height: 40rpx; } .select-btn .option.data-v-07d49b2e { width: 100%; height: 70rpx; margin-top: 30rpx; display: flex; justify-content: space-between; } .select-btn .option .value.data-v-07d49b2e { width: 330rpx; height: 70rpx; background-color: #F8F8F8; border-radius: 20rpx; display: flex; align-items: center; justify-content: center; color: #999; } .select-btn .option .value .iconfont.data-v-07d49b2e { margin-right: 10rpx; } .select-btn .option .value .icon-female.data-v-07d49b2e { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .select-btn .option .man.data-v-07d49b2e { background-color: #0084FF; color: #fff; } .select-btn .option .woman.data-v-07d49b2e { background-color: #FE83AF; color: #fff; } .select-btn .option .selecter.data-v-07d49b2e { color: #fff; background: linear-gradient(270deg, #FF8E88 0%, #FDAD28 100%); } .select.data-v-07d49b2e { width: 690rpx; height: auto; padding: 30rpx 0; margin: auto; font-size: 28rpx; color: #333; border-bottom: 1rpx solid #EEEEEE; display: flex; align-items: center; } .select .label.data-v-07d49b2e { flex: 1; } .select .info.data-v-07d49b2e { height: auto; flex: 3; display: flex; justify-content: flex-end; align-items: center; line-height: 40rpx; } .select .info .value.data-v-07d49b2e { margin-right: 20rpx; } .select .info .iconfont.data-v-07d49b2e { font-size: 24rpx; } .specil-input.data-v-07d49b2e { width: 690rpx; height: 100rpx; margin: auto; font-size: 28rpx; color: #333; display: flex; align-items: center; border-bottom: 1rpx solid #EEEEEE; } .specil-input .label.data-v-07d49b2e { flex: 1; } .specil-input .info.data-v-07d49b2e { height: 40rpx; flex: 3; display: flex; justify-content: flex-end; align-items: center; line-height: 40rpx; } .specil-input .info .value.data-v-07d49b2e { margin-right: 20rpx; text-align: right; padding: 25rpx 0; } .line.data-v-07d49b2e { width: 690rpx; height: 8rpx; border-radius: 4rpx; background-color: #F8F8F8; margin: 0 auto 40rpx; } .desc.data-v-07d49b2e { width: 690rpx; height: 220rpx; margin: auto; padding-top: 30rpx; color: #333; font-size: 28rpx; } .desc .label.data-v-07d49b2e { height: 40rpx; } .desc .value.data-v-07d49b2e { width: 100%; height: 160rpx; margin-top: 20rpx; line-height: 40rpx; } .interest-info.data-v-07d49b2e { width: 690rpx; height: auto; display: flex; flex-wrap: wrap; margin: auto; } .interest-info .item.data-v-07d49b2e { width: auto; height: 50rpx; border-radius: 25rpx; font-size: 24rpx; padding: 0 30rpx; line-height: 50rpx; color: #333; border: 1rpx solid #707070; margin: 0 20rpx 20rpx 0; } .interest-info .choose.data-v-07d49b2e { background: linear-gradient(270deg, #FDAD26 0%, #FF8F86 100%); color: #fff; border: none; } .video-up-load.data-v-07d49b2e { width: 100%; height: 390rpx; border-radius: 20rpx; border: 1rpx dashed #CCCCCC; line-height: 390rpx; text-align: center; margin: 30rpx auto 40rpx; position: relative; } .video-up-load .iconfont.data-v-07d49b2e { font-size: 54rpx; font-weight: bold; } .video-up-load .video.data-v-07d49b2e { width: 100%; height: 100%; } .video-up-load .close.data-v-07d49b2e { width: 60rpx; height: 60rpx; border-radius: 30rpx; color: #fff; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 18rpx; right: 18rpx; -webkit-transform: rotate(45deg); transform: rotate(45deg); font-size: 50rpx; line-height: 60rpx; text-align: center; z-index: 999; } .photo .tips.data-v-07d49b2e { height: 34rpx; line-height: 34rpx; font-size: 24rpx; color: #999; margin: 20rpx auto 33rpx; } .photo .value-box.data-v-07d49b2e { width: 100%; height: auto; display: flex; flex-wrap: wrap; margin-bottom: 70rpx; } .photo .value-box .up-load.data-v-07d49b2e { width: 335rpx; height: 445rpx; border: 1rpx dashed #CCCCCC; border-radius: 20rpx; line-height: 220rpx; text-align: center; margin: 0 10rpx 10rpx 0; display: flex; align-items: center; justify-content: center; } .photo .value-box .up-load .iconfont.data-v-07d49b2e { font-size: 54rpx; font-weight: bold; } .photo .value-box .img-box.data-v-07d49b2e { width: 335rpx; height: 445rpx; border-radius: 20rpx; position: relative; margin: 0 10rpx 10rpx 0; } .photo .value-box .img-box.data-v-07d49b2e:nth-child(3n) { margin-right: 0; } .photo .value-box .img-box image.data-v-07d49b2e { width: 100%; height: 100%; border-radius: 20rpx; } .photo .value-box .img-box .close.data-v-07d49b2e { width: 30rpx; height: 30rpx; border-radius: 15rpx; color: #fff; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 10rpx; right: 10rpx; -webkit-transform: rotate(45deg); transform: rotate(45deg); font-size: 32rpx; line-height: 28rpx; text-align: center; } .double-input.data-v-07d49b2e { width: 690rpx; height: 100rpx; border-bottom: 1rpx solid #EEEEEE; color: #333; font-size: 28rpx; display: flex; justify-content: space-between; align-items: center; } .double-input .label.data-v-07d49b2e { flex: 1; } .double-input .info-box.data-v-07d49b2e { flex: 3; height: 40rpx; display: flex; justify-content: flex-end; } .double-input .info-box .value.data-v-07d49b2e { height: 100%; width: 140rpx; text-align: center; } .double-input .info-box .interval.data-v-07d49b2e { height: 40rpx; } .else-info.data-v-07d49b2e { width: 690rpx; height: 160rpx; margin: auto; padding-top: 30rpx; color: #333; font-size: 28rpx; } .else-info .value.data-v-07d49b2e { width: 100%; height: 160rpx; line-height: 40rpx; } .agreement.data-v-07d49b2e { width: 690rpx; height: 38rpx; margin: auto; display: flex; align-items: center; font-size: 26rpx; color: #333; } .agreement .iconfont.data-v-07d49b2e { margin-right: 20rpx; } .agreement .text.data-v-07d49b2e { color: #999; } .submit-btn.data-v-07d49b2e { width: 690rpx; height: 80rpx; line-height: 80rpx; text-align: center; font-size: 32rpx; color: #fff; font-weight: bold; border-radius: 20rpx; background: linear-gradient(270deg, #FF8E88 0%, #FDAD28 100%); margin: 200rpx auto 0; } .no-border.data-v-07d49b2e { border: none; } .picker.data-v-07d49b2e { width: 100%; } .uni-input.data-v-07d49b2e { width: 100%; display: flex; justify-content: flex-end; } .placeholder-class.data-v-07d49b2e { font-size: 28rpx; } .iframe-wid-hgt.data-v-07d49b2e { width: 100vw; } .d-picker-view.data-v-07d49b2e { height: 100%; } .w-picker-item.data-v-07d49b2e { text-align: center; width: 100%; height: 88rpx; line-height: 88rpx; text-overflow: ellipsis; white-space: nowrap; font-size: 30rpx; } .necessary.data-v-07d49b2e { color: #FF4444; font-size: 28rpx; }