|
|
@ -20,10 +20,14 @@ |
|
|
|
|
|
|
|
._enter_row1 { |
|
|
|
height: 302px; |
|
|
|
height: 302px; |
|
|
|
display: flex; |
|
|
|
justify-content: space-around; |
|
|
|
width: 1295px; |
|
|
|
|
|
|
|
._row1_item { |
|
|
|
width: 1434px; |
|
|
|
height: 241px; |
|
|
|
width: 639px; |
|
|
|
height: 266px; |
|
|
|
// opacity: 0.8; |
|
|
|
background: url('/assets/images/homepage/enter/row1.png'); |
|
|
|
background-repeat: no-repeat; |
|
|
@ -32,30 +36,50 @@ |
|
|
|
} |
|
|
|
|
|
|
|
._row1_item:hover { |
|
|
|
width: 1434px; |
|
|
|
height: 302.6px; |
|
|
|
width: 639px; |
|
|
|
height: 266.6px; |
|
|
|
background: url('/assets/images/homepage/enter/row1-select.png'); |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
._row2_item { |
|
|
|
width: 639px; |
|
|
|
height: 266px; |
|
|
|
// opacity: 0.8; |
|
|
|
background: url('/assets/images/homepage/enter/row1-2.png'); |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
._row2_item:hover { |
|
|
|
width: 639px; |
|
|
|
height: 266.6px; |
|
|
|
background: url('/assets/images/homepage/enter/row1-2-select.png'); |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
._enter_row2 { |
|
|
|
height: 427px; |
|
|
|
display: flex; |
|
|
|
width: 100%; |
|
|
|
padding-left: 4%; |
|
|
|
justify-content: space-between; |
|
|
|
width: 1448px; |
|
|
|
padding-right: 156px; |
|
|
|
|
|
|
|
._row2_item1 { |
|
|
|
width: 454px; |
|
|
|
height: 371px; |
|
|
|
width: 409px; |
|
|
|
height: 384px; |
|
|
|
// opacity: 0.8; |
|
|
|
background: url('/assets/images/homepage/enter/row2-1.png'); |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
cursor: pointer; |
|
|
|
margin-left: 60px; |
|
|
|
} |
|
|
|
|
|
|
|
._row2_item1:hover { |
|
|
@ -66,9 +90,8 @@ |
|
|
|
} |
|
|
|
|
|
|
|
._row2_item2 { |
|
|
|
margin-left: 60px; |
|
|
|
width: 454px; |
|
|
|
height: 371px; |
|
|
|
width: 409px; |
|
|
|
height: 384px; |
|
|
|
// opacity: 0.8; |
|
|
|
background: url('/assets/images/homepage/enter/row2-2.png'); |
|
|
|
background-repeat: no-repeat; |
|
|
@ -84,9 +107,8 @@ |
|
|
|
} |
|
|
|
|
|
|
|
._row2_item3 { |
|
|
|
margin-left: 60px; |
|
|
|
width: 454px; |
|
|
|
height: 371px; |
|
|
|
width: 409px; |
|
|
|
height: 384px; |
|
|
|
// opacity: 0.8; |
|
|
|
background: url('/assets/images/homepage/enter/row2-3.png'); |
|
|
|
background-repeat: no-repeat; |
|
|
|