.search_wrap {
|
display: flex;
|
align-items: center;
|
width: 464rpx;
|
height: 68rpx;
|
border-radius: 34rpx;
|
border: 2rpx solid #B08771;
|
padding: 0 30rpx;
|
margin-left: 40rpx;
|
}
|
.search_wrap .icon {
|
width: 28rpx;
|
margin-right: 18rpx;
|
}
|
.everyday {
|
width: 670rpx;
|
height: 466rpx;
|
margin: 40rpx;
|
background: linear-gradient(180deg, #F2E7E1 0%, #FEFEFD 30%, #FFFFFF 100%), #FFFFFF;
|
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(176, 135, 113, 0.2);
|
border-radius: 8rpx;
|
padding: 30rpx;
|
}
|
.everyday .header {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
margin-bottom: 8rpx;
|
}
|
.everyday .header .title {
|
font-weight: 600;
|
font-size: 36rpx;
|
}
|
.everyday .header .more {
|
display: flex;
|
align-items: center;
|
font-size: 26rpx;
|
}
|
.everyday .desc {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
color: #333333;
|
margin-bottom: 24rpx;
|
}
|
.everyday .desc .left {
|
display: flex;
|
align-items: center;
|
font-size: 26rpx;
|
font-weight: 300;
|
}
|
.everyday .desc .left .num {
|
font-size: 32rpx;
|
color: #B08771;
|
}
|
.everyday .desc .right {
|
font-weight: 300;
|
font-size: 26rpx;
|
}
|
.everyday .imgs {
|
display: flex;
|
justify-content: space-between;
|
}
|
.everyday .imgs .img_wrap {
|
width: 192rpx;
|
height: 280rpx;
|
border-radius: 8rpx;
|
overflow: hidden;
|
position: relative;
|
}
|
.everyday .imgs .img_wrap .img {
|
width: 100%;
|
height: 100%;
|
}
|
.everyday .imgs .img_wrap .icon {
|
position: absolute;
|
top: 0;
|
left: 0;
|
width: 76rpx;
|
}
|
.func_lsit {
|
display: flex;
|
justify-content: space-between;
|
padding: 60rpx;
|
}
|
.func_lsit .item {
|
width: 120rpx;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
}
|
.func_lsit .item image {
|
width: 88rpx;
|
height: 88rpx;
|
}
|
.func_lsit .item .text {
|
font-size: 26rpx;
|
margin-top: 20rpx;
|
}
|
.product_video {
|
padding: 40rpx 40rpx;
|
background-color: #fff;
|
}
|
.product_video .video_wrap {
|
width: 670rpx;
|
position: relative;
|
}
|
.product_video .video_wrap .play {
|
width: 60rpx;
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
z-index: 1;
|
}
|
.product_video .video_wrap .img {
|
width: 100%;
|
}
|
.consult_swiper {
|
width: 100%;
|
}
|
.consult_swiper image {
|
width: 100%;
|
}
|
.consult_swiper .scroll_text {
|
height: 100rpx;
|
width: 670rpx;
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
padding-top: 20rpx;
|
font-size: 32rpx;
|
}
|
.consult {
|
padding: 40rpx 40rpx 60rpx;
|
background: #fff;
|
}
|
.strategy {
|
padding: 80rpx 40rpx;
|
background: #F7F7F7;
|
}
|
.strategy .item {
|
position: relative;
|
}
|
.strategy .item image {
|
width: 100%;
|
height: 100%;
|
position: absolute;
|
}
|
.strategy .item text {
|
color: #fff;
|
position: absolute;
|
bottom: 40rpx;
|
left: 40rpx;
|
font-size: 32rpx;
|
font-weight: 500;
|
}
|
.strategy .line {
|
display: flex;
|
justify-content: space-between;
|
}
|
.strategy .line .line_left {
|
width: 324rpx;
|
height: 340rpx;
|
}
|
.strategy .line .line_right .item {
|
width: 322rpx;
|
height: 160rpx;
|
}
|
.strategy .line .line_right .item:nth-last-child(1) {
|
margin-top: 20rpx;
|
}
|
.strategy .home_id {
|
width: 670rpx;
|
height: 240rpx;
|
margin-top: 24rpx;
|
}
|
.consult {
|
padding: 80rpx 40rpx 60rpx;
|
background: #fff;
|
}
|
.service {
|
padding: 0rpx 40rpx 0rpx;
|
background: #fff;
|
}
|
.logo_wrap {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
padding: 0rpx 0 60rpx;
|
background-color: #fff;
|
}
|
.logo_wrap .logo {
|
width: 246rpx;
|
}
|
.com_header {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
width: 670rpx;
|
margin-bottom: 42rpx;
|
}
|
.com_header .left {
|
font-weight: 600;
|
font-size: 36rpx;
|
color: #111111;
|
line-height: 50rpx;
|
flex: 1;
|
}
|
.com_header .left .name {
|
display: flex;
|
align-items: center;
|
}
|
.com_header .left .name .icon {
|
width: 36rpx;
|
height: 36rpx;
|
margin-right: 8rpx;
|
}
|
.com_header .left .desc {
|
font-weight: 300;
|
font-size: 26rpx;
|
color: #333333;
|
}
|
.com_header .ar_right {
|
width: 44rpx;
|
height: 44rpx;
|
}
|
.home_ar {
|
width: 44rpx;
|
}
|
