diff --git a/src/components/Contact.vue b/src/components/Contact.vue
index 0d7213a..3aa756b 100644
--- a/src/components/Contact.vue
+++ b/src/components/Contact.vue
@@ -24,6 +24,37 @@
@@ -96,7 +127,6 @@ import Email from '@/static/img/10.png'
.contact_form {
flex: 1;
margin-left: 191px;
- height: 546px;
background: #ffffff;
border-radius: 8px;
border-top: 4px solid #f95926;
@@ -105,6 +135,66 @@ import Email from '@/static/img/10.png'
font-size: 26px;
font-weight: bold;
color: #000000;
+ margin-bottom: 44px;
+ margin-left: 8px;
+ }
+ .input_container {
+ width: 100%;
+ position: relative;
+ .input {
+ width: 100%;
+ height: 50px;
+ border: 1px solid #dcdfe6;
+ border-radius: 25px;
+ padding-left: 112px;
+ padding-right: 20px;
+ box-sizing: border-box;
+ font-size: 20px;
+ font-family: Alibaba PuHuiTi;
+ font-weight: 400;
+ color: #dcdfe6;
+ line-height: 38px;
+ outline: none;
+ }
+ .label_container {
+ display: flex;
+ align-items: center;
+ font-size: 20px;
+ font-family: Alibaba PuHuiTi;
+ font-weight: 400;
+ color: #dcdfe6;
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 50px;
+ padding-left: 27px;
+ .line {
+ width: 1px;
+ height: 17px;
+ background: #dcdfe6;
+ margin-left: 27px;
+ }
+ }
+ }
+ .mb {
+ margin-bottom: 36px;
+ }
+ .btn_con {
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ .send {
+ width: 102px;
+ height: 43px;
+ background: linear-gradient(90deg, #facc22, #f83600);
+ border-radius: 22px;
+ font-size: 18px;
+ font-weight: 300;
+ color: #fafafa;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
}
}
}