116 lines
1.9 KiB
SCSS
116 lines
1.9 KiB
SCSS
.box{
|
|
width: 100%;
|
|
// background-color: black;
|
|
}
|
|
|
|
|
|
// 米尔产品
|
|
.product-big-box{
|
|
background-color: #f8f8f8;
|
|
padding: 100px 0 100px 0;
|
|
}
|
|
|
|
.product-pos-box {
|
|
margin: 0 auto;
|
|
width: 85%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
.product-title-box {}
|
|
|
|
.product-title {
|
|
letter-spacing: 3px;
|
|
font-size: 35px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.product-type-box {
|
|
padding: 10px;
|
|
margin: 30px 0px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
|
|
.product-typ-item {
|
|
font-size: 18px;
|
|
margin: 0px 50px 0px 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.product-content-box {
|
|
width: 72%;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.product-content-left-box {
|
|
overflow: hidden;
|
|
height: 300px;
|
|
width: 45%;
|
|
box-shadow: rgb(219, 219, 219) 0px 0px 10px 1px;
|
|
border-radius: 10px;
|
|
|
|
// transform: translateY(-10px);
|
|
}
|
|
|
|
.product-content-left-box img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.product-content-right-box {
|
|
height: 300px;
|
|
width: 50%;
|
|
}
|
|
|
|
.product-content-right-intro {
|
|
font-size: 16px;
|
|
color: rgb(155, 155, 155);
|
|
}
|
|
|
|
.product-advantage-pos-box {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin: 50px 0 0 0px;
|
|
}
|
|
|
|
.product-advantage-box {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.product-advantage-img-box {
|
|
height: 45px;
|
|
width: 45px;
|
|
margin: 0px 0px 10px;
|
|
}
|
|
|
|
.product-advantage-img-box img {
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.product-advantage-text {
|
|
width: 70px;
|
|
font-size: 16px;
|
|
color: rgb(130, 130, 130);
|
|
text-align: center;
|
|
}
|
|
|
|
.product-content-btn-box {
|
|
margin-top: 30px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
} |