|
|
@@ -94,8 +94,11 @@ $buttonHeight: $buttonH * 1px; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
.pic { |
|
|
|
flex: 3; |
|
|
|
width: 1px; |
|
|
|
min-width: 800px; |
|
|
|
// 元素 |
|
|
|
width: $picWidth; |
|
|
|
// width: $picWidth; |
|
|
|
height: $picHeight; |
|
|
|
background-image: url($picImage); |
|
|
|
background-repeat: no-repeat; |
|
|
@@ -116,7 +119,8 @@ $buttonHeight: $buttonH * 1px; |
|
|
|
.field { |
|
|
|
position: relative; |
|
|
|
margin-top: 8%; |
|
|
|
flex: 1; |
|
|
|
flex: 2; |
|
|
|
// width: 800px; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
@@ -170,7 +174,7 @@ $buttonHeight: $buttonH * 1px; |
|
|
|
} |
|
|
|
|
|
|
|
.form { |
|
|
|
margin-top: 32px; |
|
|
|
margin-top: 0; |
|
|
|
box-sizing: border-box; |
|
|
|
// width: $formWidth; |
|
|
|
width: 100%; |
|
|
@@ -307,6 +311,19 @@ $buttonHeight: $buttonH * 1px; |
|
|
|
} |
|
|
|
|
|
|
|
// - - - - - PC 最小尺寸设置 |
|
|
|
@media screen and (min-width: 1920px) { |
|
|
|
.container { |
|
|
|
.content { |
|
|
|
|
|
|
|
.field { |
|
|
|
flex: initial; |
|
|
|
width: 800px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 599px) and (max-width: 1366px) { |
|
|
|
.container { |
|
|
|
min-width: 599px; |
|
|
|