liukangdong
2024-09-29 b2d360d9113b6955287108ca9e90d76a1f3c1419
wechat_jiaxuan/pages/index/index.wxss
@@ -1,32 +1,83 @@
.container {
  background-color: #f7f7f7;
  overflow-y: auto;
  height: 100vh;
  overflow-x: hidden;
  min-height: 100vh;
}
.container .banner_swiper {
  height: 600rpx;
.container .banner-bax {
  position: relative;
  width: 100%;
  margin: 0 auto 0;
}
.container .banner-bax .banner_swiper {
  transition: height 1s;
  height: 100vh;
  width: 100%;
}
.container .banner_swiper image {
.container .banner-bax .banner_swiper image {
  width: 100%;
  height: 100%;
  display: block;
}
.container .banner-bax .on {
  height: calc(100vh - 300rpx);
}
.container .wxImg {
  width: 54rpx;
  height: 54rpx;
  display: block;
  position: absolute;
  bottom: 50rpx;
  left: 50%;
  z-index: 1;
  margin-left: -27rpx;
}
.container .consult_swiper {
  height: 420rpx;
  width: 100%;
  /* 指示点的样式 */
}
.container .consult_swiper image {
  width: 100%;
  height: 100%;
  display: block;
  width: 670rpx;
  height: 376rpx;
}
.container .consult_swiper .scroll_text {
  height: 100rpx;
  width: 670rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 22rpx;
  font-size: 32rpx;
}
.container .consult_swiper .wx-swiper-dots.wx-swiper-dots-horizontal {
  position: absolute;
  right: 0;
  bottom: 0rpx;
}
.container .consult_swiper .wx-swiper-dots .wx-swiper-dot {
  width: 60rpx;
  height: 4rpx;
  background: #f4f4f4;
  margin-left: -16rpx;
  border-radius: 5rpx;
}
.container .consult_swiper .wx-swiper-dot.wx-swiper-dot-active {
  background: #666666;
}
.container .consult_wrap {
  height: 476rpx;
}
.container .consult_wrap .wx-swiper-dots.wx-swiper-dots-horizontal {
  position: absolute;
  right: 0;
  bottom: 10rpx;
}
.container .logo_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60rpx 0;
  padding: 0 0 60rpx;
  background-color: #fff;
}
.container .logo_wrap .logo {
@@ -37,6 +88,7 @@
  right: 28rpx;
  bottom: 60rpx;
  width: 146rpx;
  height: 146rpx;
}
.container .function_wrap {
  width: 100%;
@@ -59,7 +111,6 @@
  width: 72rpx;
  height: 72rpx;
  background: #FFFFFF;
  border: 1px solid;
  border-radius: 50%;
}
.container .function_wrap .item .name {
@@ -73,21 +124,48 @@
  color: #666666;
}
.container .product_video {
  padding: 72rpx 40rpx;
  padding: 34rpx 40rpx 44rpx;
  background-color: #fff;
}
.container .product_video video {
.container .product_video .video_wrap {
  width: 670rpx;
  height: 300rpx;
  border: 1px solid;
  position: relative;
}
.container .product_video .video_wrap .play {
  width: 60rpx;
  height: 60rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.container .product_video .video_wrap .img {
  width: 670rpx;
  height: 376rpx;
}
.container .product_video video {
  width: 100%;
}
.container .strategy {
  padding: 80rpx 40rpx;
  padding: 44rpx 40rpx;
  background: #F7F7F7;
}
.container .strategy image {
.container .strategy .item {
  position: relative;
}
.container .strategy .item image {
  width: 100%;
  height: 100%;
  position: absolute;
}
.container .strategy .item text {
  color: #fff;
  position: absolute;
  bottom: 40rpx;
  left: 40rpx;
  font-size: 32rpx;
  font-weight: 500;
}
.container .strategy .line {
  display: flex;
@@ -95,14 +173,14 @@
}
.container .strategy .line .line_left {
  width: 324rpx;
  height: 304rpx;
  height: 340rpx;
}
.container .strategy .line .line_right .item {
  width: 322rpx;
  height: 140rpx;
  height: 160rpx;
}
.container .strategy .line .line_right .item:nth-last-child(1) {
  margin-top: 24rpx;
  margin-top: 20rpx;
}
.container .strategy .home_id {
  width: 670rpx;
@@ -110,7 +188,7 @@
  margin-top: 24rpx;
}
.container .consult {
  padding: 80rpx 40rpx 60rpx;
  padding: 44rpx 40rpx;
  background: #fff;
}
.container .service {
@@ -126,14 +204,15 @@
}
.container .com_header .left {
  font-weight: 600;
  font-size: 36rpx;
  font-size: 34rpx;
  color: #111111;
  line-height: 50rpx;
  line-height: 34rpx;
  flex: 1;
}
.container .com_header .left .name {
  display: flex;
  align-items: center;
  margin-bottom: 10rpx;
}
.container .com_header .left .name .icon {
  width: 36rpx;
@@ -149,3 +228,23 @@
  width: 44rpx;
  height: 44rpx;
}
.auth {
  background-color: #fff;
}
.home_title {
  font-weight: 600;
  font-size: 38rpx;
}
.top-head-transparent {
  background-color: transparent !important;
}
.top-head-transparent .van-nav-bar__title {
  /* color: #fff; */
  width: calc(100% - 80rpx);
  max-width: 100%;
  padding: 0 40rpx;
  text-align: left;
  color: #fff;
  font-weight: bold;
  font-size: 40rpx;
}