.draw-all.data-v-166ac27f { width: 100%; height: 100%; display: flex; flex-direction: column; background: url("../../../static/index/lightbgcnew.png") center / cover, rgba(255, 255, 255, 0.5); background-blend-mode: screen; border-top-left-radius: 80rpx; border-bottom-left-radius: 80rpx; overflow: hidden; } .draw-all .draw-title.data-v-166ac27f { width: 100%; height: 140rpx; display: flex; } .draw-all .draw-title .draw-title-gun.data-v-166ac27f { margin-top: 70rpx; margin-left: 40rpx; margin-right: 20rpx; width: 13rpx; height: 50rpx; background: linear-gradient(to bottom, #04BCED, #0160CE); border-radius: 10rpx; } .draw-all .draw-title .draw-title-font.data-v-166ac27f { margin-top: 68rpx; font-size: 40rpx; font-weight: 700; } .draw-all .draw-contain.data-v-166ac27f { width: 100%; height: calc(100vh - 140rpx); } .draw-all .draw-contain .draw-contain-jindu.data-v-166ac27f { width: 100%; height: 250rpx; display: flex; justify-content: center; align-items: center; } .downitems-father.data-v-166ac27f { width: 100%; height: calc(100% - 205rpx); display: flex; } .downitems-father .downitems-left.data-v-166ac27f { height: 100%; width: 550rpx; } .downitems-father .downitems-left .downitems-left-mar.data-v-166ac27f { margin-left: 65rpx; } .downitems-father .downitems-left .downitems-left-mar .downitems-left-img.data-v-166ac27f { width: 420rpx; height: 300rpx; margin-top: 80rpx; } .downitems-father .downitems-left .downitems-left-father.data-v-166ac27f { display: flex; margin-top: 20rpx; } .downitems-father .downitems-left .downitems-left-father .downitems-father-img.data-v-166ac27f { width: 38rpx; height: 38rpx; margin: 6rpx 13rpx 0 20rpx; } .downitems-father .downitems-left .downitems-left-father .downitems-father-img-laba.data-v-166ac27f { width: 38rpx; height: 38rpx; margin-top: 6rpx; } .downitems-father .downitems-left .downitems-left-father .downitems-father-font.data-v-166ac27f { font-size: 40rpx; width: 300rpx; } .downitems-father .downitems-left .downitems-left-father .downitems-father-font-laba.data-v-166ac27f { font-size: 40rpx; } .downitems-father .downitems-left .downitems-left-father .downitems-father-font-small.data-v-166ac27f { font-size: 35rpx; width: 400rpx; } .downitems-father .downitems-left .downitems-kuai.data-v-166ac27f { margin-left: 37rpx; background-color: rgba(236, 240, 251, 0.4); border-radius: 20rpx; width: 350rpx; height: 230rpx; margin-top: 30rpx; display: flex; justify-content: center; align-items: center; } .downitems-father .downitems-left .downitems-kuai .downitems-kuai-img.data-v-166ac27f { width: 120rpx; height: 120rpx; } .downitems-father .downitems-left .downitems-says.data-v-166ac27f { color: #6F7FA3; font-size: 35rpx; margin-left: 142rpx; margin-top: 20rpx; } .downitems-father .downitems-right.data-v-166ac27f { height: 100%; width: 650rpx; } .downitems-father .downitems-right .downitems-all.data-v-166ac27f { margin-left: 60rpx; } .downitems-father .downitems-right .downitems-all .downitems-all-font.data-v-166ac27f { margin-top: 30rpx; font-size: 40rpx; } .downitems-father .downitems-center.data-v-166ac27f { height: 100%; width: 600rpx; position: relative; } .downitems-father .downitems-center .downitems-button.data-v-166ac27f { position: absolute; left: 30%; bottom: 80rpx; background: linear-gradient(to right, #00c9ff, #0076ff); width: 270rpx; height: 80rpx; border-radius: 40rpx; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 40rpx; } .downitems-center-title.data-v-166ac27f { width: 100%; display: flex; } .downitems-center-title .downitems-center-title-gun.data-v-166ac27f { margin-top: 50rpx; margin-left: 0rpx; margin-right: 18rpx; width: 13rpx; height: 50rpx; background: linear-gradient(to bottom, #04BCED, #0160CE); border-radius: 10rpx; } .downitems-center-title .downitems-center-title-font.data-v-166ac27f { margin-top: 50rpx; font-size: 40rpx; font-weight: 700; } .downitems-center-title .downitems-center-says.data-v-166ac27f { display: flex; margin-top: 50rpx; margin-left: 180rpx; text-align: right; color: #6F7FA3; font-size: 36rpx; } .downitems-center-title .downitems-center-father.data-v-166ac27f { display: flex; justify-content: center; align-items: center; width: 50rpx; height: 50rpx; border-radius: 50%; background-color: #BAC5DE; margin-right: 10rpx; margin-top: 0rpx; } .downitems-center-title .downitems-center-father .downitems-center-says-maike.data-v-166ac27f { width: 40rpx; height: 40rpx; } .downitems-shu.data-v-166ac27f { width: 70rpx; height: 100%; margin-top: 4rpx; } .downitems-textarea.data-v-166ac27f { margin-top: 20rpx; } .custom-textarea.data-v-166ac27f { color: #6F7FA3; background-color: rgba(255, 255, 255, 0.3); width: 570rpx; height: 240rpx; border-radius: 20rpx; font-size: 40rpx; padding-left: 30rpx; padding-top: 20rpx; } .radio-circle-top-father.data-v-166ac27f { margin-left: 30rpx; } .radio-circle-top-father .radio-circle-top.data-v-166ac27f { margin-top: 30rpx; display: flex; } .radio-circle.data-v-166ac27f { position: relative; margin-top: 2rpx; width: 40rpx; height: 40rpx; border-radius: 50%; border: 2rpx solid #02abfe; background-color: transparent; } .radio-circle-target.data-v-166ac27f { position: relative; margin-top: 2rpx; width: 40rpx; height: 40rpx; border-radius: 50%; border: 2rpx solid #02abfe; background-color: transparent; } .radio-circle-target.data-v-166ac27f::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30rpx; height: 30rpx; background-color: #02abfe; border-radius: 50%; } .radio-font.data-v-166ac27f { margin-left: 15rpx; margin-right: 60rpx; font-size: 36rpx; } .downitems-card-all.data-v-166ac27f { width: 100%; display: flex; flex-wrap: wrap; margin-top: 20rpx; } .downitems-card-all .downitems-card-one.data-v-166ac27f { width: 270rpx; height: 150rpx; margin-right: 20rpx; margin-bottom: 30rpx; border-radius: 20rpx; background-color: #f3f8fd; border: 1rpx solid #52668C; box-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.2); display: flex; justify-content: center; align-items: center; } .downitems-card-all .downitems-card-one-target.data-v-166ac27f { width: 270rpx; height: 150rpx; margin-right: 20rpx; margin-bottom: 30rpx; border-radius: 20rpx; background: linear-gradient(to bottom, #B8E5FF, #F7D0EF); border: 1rpx solid #fff; box-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.2); display: flex; justify-content: center; align-items: center; } .downitems-card-all .downitems-card.data-v-166ac27f { display: flex; justify-content: center; align-items: center; } .downitems-card-all .downitems-card .downitems-card-font.data-v-166ac27f { font-weight: 700; margin-left: 10rpx; margin-right: 10rpx; font-size: 40rpx; } .downitems-card-all .downitems-card .downitems-card-father.data-v-166ac27f { width: 90rpx; height: 90rpx; border-radius: 50rpx; border: 1rpx solid #94B0C3; background-color: #fff; display: flex; justify-content: center; overflow: hidden; } .downitems-card-all .downitems-card .downitems-card-father .downitems-card-img.data-v-166ac27f { width: 80rpx; height: 80rpx; margin-top: 10rpx; } .container.data-v-166ac27f { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; } /* 弹窗遮罩层 */ .modal.data-v-166ac27f { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); /* 半透明背景 */ display: flex; align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ } /* 弹窗内容,宽高占屏幕70% */ .modal-content.data-v-166ac27f { width: 80vw; height: 80vh; background: #fff; border-radius: 8px; overflow: hidden; }