.search_wrap { display: flex; align-items: center; width: 464rpx; height: 68rpx; border-radius: 34rpx; border: 2rpx solid #B08771; padding: 0 30rpx; margin-left: 40rpx; .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; .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8rpx; .title { font-weight: 600; font-size: 36rpx; } .more { display: flex; align-items: center; font-size: 26rpx; } } .desc { display: flex; justify-content: space-between; align-items: center; color: #333333; margin-bottom: 24rpx; .left { display: flex; align-items: center; font-size: 26rpx; font-weight: 300; .num { font-size: 32rpx; color: #B08771; } } .right { font-weight: 300; font-size: 26rpx; } } .imgs{ display: flex; justify-content: space-between; .img_wrap{ width: 192rpx; height: 280rpx; border-radius: 8rpx; overflow: hidden; position: relative; .img{ width: 100%; height: 100%; } .icon{ position: absolute; top: 0; left: 0; width: 76rpx; } } } } .func_lsit{ display: flex; justify-content: space-between; padding: 20rpx 60rpx; .item{ width: 120rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; image{ width: 88rpx; height: 88rpx; } .text{ font-size: 26rpx; margin-top: 20rpx; } } } // 产品视频 .product_video { padding: 40rpx 40rpx; background-color: #fff; .video_wrap { width: 670rpx; position: relative; .play { width: 60rpx; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .img { width: 670rpx; height: 376rpx; } } } .consult_swiper { width: 100%; image { width: 100%; } .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; .item{ position: relative; image { width: 100%; height: 100%; position: absolute; } text{ color: #fff; position: absolute; bottom: 40rpx; left: 40rpx; font-size: 32rpx; font-weight: 500; } } .line { display: flex; justify-content: space-between; .line_left { width: 324rpx; height: 340rpx; } .line_right { .item { width: 322rpx; height: 160rpx; &:nth-last-child(1) { margin-top: 20rpx; } } } } .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 { width: 246rpx; } } .com_header { display: flex; justify-content: space-between; align-items: center; width: 670rpx; margin-bottom: 42rpx; .left { font-weight: 600; font-size: 36rpx; color: #111111; line-height: 50rpx; flex: 1; .name { display: flex; align-items: center; .icon { width: 36rpx; height: 36rpx; margin-right: 8rpx; } } .desc { font-weight: 300; font-size: 26rpx; color: #333333; } } .ar_right { width: 44rpx; height: 44rpx; } } .home_ar{ width: 44rpx; } .wx-swiper-dots.wx-swiper-dots-horizontal { position: absolute; right: 0; bottom: 0rpx; } /* 指示点的样式 */ .wx-swiper-dots .wx-swiper-dot { width: 60rpx; height: 4rpx; background: #f4f4f4; margin-left: -15rpx; border-radius: 5rpx; } .wx-swiper-dot.wx-swiper-dot-active { background: #666666; }