|
@@ -427,10 +427,14 @@
|
|
.hot-search .right-con {
|
|
.hot-search .right-con {
|
|
margin-left: 40px;
|
|
margin-left: 40px;
|
|
width: 735px;
|
|
width: 735px;
|
|
- margin-top: 5px;
|
|
|
|
|
|
+ /* margin-top: 5px; */
|
|
min-height: 54px;
|
|
min-height: 54px;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+}
|
|
|
|
+.hot-search .right-con .a_box{
|
|
|
|
+ margin-bottom: -10px;
|
|
}
|
|
}
|
|
-
|
|
|
|
.hot-search .right-con a {
|
|
.hot-search .right-con a {
|
|
margin-right: 22px;
|
|
margin-right: 22px;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
@@ -512,12 +516,12 @@
|
|
}
|
|
}
|
|
|
|
|
|
.hot-container .hot-banner .right {
|
|
.hot-container .hot-banner .right {
|
|
|
|
+ max-width: 185px;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
- max-width: 183px;
|
|
|
|
min-height: 54px;
|
|
min-height: 54px;
|
|
margin-left: 11px;
|
|
margin-left: 11px;
|
|
}
|
|
}
|
|
@@ -574,6 +578,9 @@
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
|
+ max-width: 100%;
|
|
|
|
+ color: #fff;
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
|
|
.jy-index-product .svip-product {
|
|
.jy-index-product .svip-product {
|
|
@@ -604,7 +611,7 @@
|
|
.jy-index-product .p-link {
|
|
.jy-index-product .p-link {
|
|
position: absolute;
|
|
position: absolute;
|
|
top: 24px;
|
|
top: 24px;
|
|
- display: none;
|
|
|
|
|
|
+ /* display: none; */
|
|
padding-right: 32px;
|
|
padding-right: 32px;
|
|
/* background: url(/images/index/link-arrow.png) 60px center no-repeat; */
|
|
/* background: url(/images/index/link-arrow.png) 60px center no-repeat; */
|
|
background: url(/images/index/link-arrow-light.png) 60px center no-repeat;
|
|
background: url(/images/index/link-arrow-light.png) 60px center no-repeat;
|
|
@@ -623,7 +630,9 @@
|
|
}
|
|
}
|
|
|
|
|
|
.jy-index-product .main-product-item .p-name {
|
|
.jy-index-product .main-product-item .p-name {
|
|
|
|
+ text-shadow: 0px 2px 2px rgba(46, 46, 47, 0.25);
|
|
color: #fff;
|
|
color: #fff;
|
|
|
|
+ padding-top: 96px;
|
|
transition: All 0.4s ease-in-out;
|
|
transition: All 0.4s ease-in-out;
|
|
-webkit-transition: All 0.4s ease-in-out;
|
|
-webkit-transition: All 0.4s ease-in-out;
|
|
-moz-transition: All 0.4s ease-in-out;
|
|
-moz-transition: All 0.4s ease-in-out;
|
|
@@ -631,6 +640,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
.jy-index-product .other-product-item .p-name {
|
|
.jy-index-product .other-product-item .p-name {
|
|
|
|
+ text-shadow: 0px 2px 2px rgba(46, 46, 47, 0.25);
|
|
/* color: #1D1D1D; */
|
|
/* color: #1D1D1D; */
|
|
color: #fff;
|
|
color: #fff;
|
|
transition: All 0.4s ease-in-out;
|
|
transition: All 0.4s ease-in-out;
|
|
@@ -640,10 +650,16 @@
|
|
}
|
|
}
|
|
|
|
|
|
.jy-index-product .p-detail {
|
|
.jy-index-product .p-detail {
|
|
|
|
+ text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
|
/* display: none; */
|
|
/* display: none; */
|
|
margin-top: 100px;
|
|
margin-top: 100px;
|
|
max-width: 262px;
|
|
max-width: 262px;
|
|
text-align: justify;
|
|
text-align: justify;
|
|
|
|
+ max-width: 440px;
|
|
|
|
+ margin-top: 8px;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: #fff;
|
|
|
|
+ line-height: 20px;
|
|
transition: All 0.4s ease-in-out;
|
|
transition: All 0.4s ease-in-out;
|
|
-webkit-transition: All 0.4s ease-in-out;
|
|
-webkit-transition: All 0.4s ease-in-out;
|
|
-moz-transition: All 0.4s ease-in-out;
|
|
-moz-transition: All 0.4s ease-in-out;
|
|
@@ -652,14 +668,19 @@
|
|
|
|
|
|
.jy-index-product .other-product-item:hover {
|
|
.jy-index-product .other-product-item:hover {
|
|
/* position: relative; */
|
|
/* position: relative; */
|
|
- display: inline-block;
|
|
|
|
- /* margin: 0px; */
|
|
|
|
|
|
+ /* display: inline-block;
|
|
max-width: 100%;
|
|
max-width: 100%;
|
|
color: #fff;
|
|
color: #fff;
|
|
- overflow: hidden;
|
|
|
|
|
|
+ overflow: hidden; */
|
|
}
|
|
}
|
|
-
|
|
|
|
-.jy-index-product .main-product-item:hover .p-link {
|
|
|
|
|
|
+.jy-index-product .product-item {
|
|
|
|
+ border-radius: 5px;
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+.jy-index-product .product-item:hover {
|
|
|
|
+ box-shadow: 0px 4px 16px rgba(8, 31, 38, 0.25);
|
|
|
|
+}
|
|
|
|
+.jy-index-product .main-product-item .p-link {
|
|
display: block;
|
|
display: block;
|
|
color: #fff;
|
|
color: #fff;
|
|
padding-right: 32px;
|
|
padding-right: 32px;
|
|
@@ -671,11 +692,11 @@
|
|
-o-transition: All 0.8s ease-in-out;
|
|
-o-transition: All 0.8s ease-in-out;
|
|
}
|
|
}
|
|
|
|
|
|
-.jy-index-product .main-product-item:hover .p-name {
|
|
|
|
|
|
+.jy-index-product .main-product-item .p-name {
|
|
padding-top: 96px;
|
|
padding-top: 96px;
|
|
}
|
|
}
|
|
|
|
|
|
-.jy-index-product .main-product-item:hover .p-detail {
|
|
|
|
|
|
+.jy-index-product .main-product-item .p-detail {
|
|
max-width: 440px;
|
|
max-width: 440px;
|
|
margin-top: 8px;
|
|
margin-top: 8px;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
@@ -683,7 +704,7 @@
|
|
line-height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
}
|
|
|
|
|
|
-.jy-index-product .other-product-item:hover .p-link {
|
|
|
|
|
|
+.jy-index-product .other-product-item .p-link {
|
|
display: block;
|
|
display: block;
|
|
transition: All 0.8s ease-in-out;
|
|
transition: All 0.8s ease-in-out;
|
|
-webkit-transition: All 0.8s ease-in-out;
|
|
-webkit-transition: All 0.8s ease-in-out;
|
|
@@ -691,11 +712,11 @@
|
|
-o-transition: All 0.8s ease-in-out;
|
|
-o-transition: All 0.8s ease-in-out;
|
|
}
|
|
}
|
|
|
|
|
|
-.jy-index-product .other-product-item:hover .p-name {
|
|
|
|
|
|
+.jy-index-product .other-product-item .p-name {
|
|
padding-top: 116px;
|
|
padding-top: 116px;
|
|
}
|
|
}
|
|
|
|
|
|
-.jy-index-product .other-product-item:hover .p-detail {
|
|
|
|
|
|
+.jy-index-product .other-product-item .p-detail {
|
|
max-width: 258px;
|
|
max-width: 258px;
|
|
line-height: 20px;
|
|
line-height: 20px;
|
|
margin-top: 8px;
|
|
margin-top: 8px;
|