ax-body.data-v-91bba7b4{ display: block; height: 100%; background: #F6FAFF; } .page-background.data-v-91bba7b4{ position: fixed; top: 0; left: 0; right: 0; z-index: 0; } .page-background image.data-v-91bba7b4{ display: block; width: 100%; } .body.data-v-91bba7b4{ display: block; width: 100%; height: 100%; position: relative; overflow: auto; z-index: 1; } /* 标题 */ .top.data-v-91bba7b4{ display: flex; align-items: center; justify-content: space-between; } .title.data-v-91bba7b4{ color: #333; font-size: 18px; font-weight: bold; } .subtitle.data-v-91bba7b4{ color: #aaa; font-size: 14px; margin-top: 8px; } .card.data-v-91bba7b4{ background-color: #fff; border-radius: 10px; padding: 10px; margin-top: 10px; box-shadow: 0 0 10px #eee; } .card .lable.data-v-91bba7b4{ color: #333; font-size: 16px; margin-bottom: 10px; margin-top: 5px; } .card .lable.required.data-v-91bba7b4::after{ content: '*'; color: #f44033; margin-left: 5px; } .card.form-type .content.data-v-91bba7b4{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } .card.form-type .content .tag.data-v-91bba7b4{ display: flex; align-items: center; justify-content: center; background-color: #f6f6f6; border-radius: 5px; font-size: 14px; color: #2b303a; height: 36px; transition: all 300ms ease; } .card.form-type .content .tag.active.data-v-91bba7b4{ background-color: #3eb6f8; color: #fff; } .card.form-describe .content .textarea.data-v-91bba7b4{ width: 100%; height: 60px; font-size: 14px; } .card.form-describe .footer.data-v-91bba7b4{ display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #aaa; margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee; } .card.form-picture .footer.data-v-91bba7b4{ display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #aaa; margin-top: 10px; } .card.form-picture .picture.data-v-91bba7b4{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 70px; height: 70px; border-radius: 10px; border: 1px solid #ddd; } .card.form-picture .picture .icon.data-v-91bba7b4{ font-size: 28px; color: #aaa; } .card.form-picture .picture .name.data-v-91bba7b4{ font-size: 12px; margin-top: 5px; color: #aaa; } .card.form-picture .content.data-v-91bba7b4{ display: flex; } .card.form-picture .picture.view.data-v-91bba7b4{ position: relative; overflow: hidden; border: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.6) inset; } .card.form-picture .picture.view .remove.data-v-91bba7b4{ display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 5px; position: absolute; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 2; } .card.form-picture .picture.view .remove .icon.data-v-91bba7b4{ color: #fff; font-size: 10px; } .card.form-picture .picture.view .image.data-v-91bba7b4{ width: 100%; height: 100%; } .card.form-picture .picture + .picture.data-v-91bba7b4{ margin-left: 10px; } .card.form-contact.data-v-91bba7b4{ display: flex; align-items: center; justify-content: space-between; height: 50px; } .card.form-contact .lable.data-v-91bba7b4{ margin: 0; } .card.form-contact .content.data-v-91bba7b4{ flex: 1; margin-left: 20px; } .card.form-contact .content .input.data-v-91bba7b4{ font-size: 14px; } .tips.data-v-91bba7b4{ display: block; text-align: center; font-size: 14px; margin: 20px 0; } .em.data-v-91bba7b4{ color: #3eb6f8; } .submit.data-v-91bba7b4{ display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; border-radius: 8px; font-size: 14px; color: #2b303a; background: linear-gradient(to right,#8FF8FB,#47AEFF); } .submit.data-v-91bba7b4::after{ content: unset; display: none; }