/**index.wxss**/ page { background-color: #ffffff; } .eqhead { display: flex; flex-direction: column; width: 100%; height: 246rpx; background:#ffffff; box-shadow:0px 14rpx 20rpx 2rpx rgba(161,161,161,0.2); } .eqtitle { margin-top: 38rpx; margin-left: 38rpx; font-size: 40rpx; color: #000000; font-weight: Bold; } .eqdesc { margin-top: 16rpx; margin-left: 38rpx; margin-right: 38rpx; font-size: 28rpx; font-weight: Regular; color: #8C8C8C; } .load { width: 100%; height: 2400rpx; position: absolute; left: 0; top: 0; z-index: 9999; background-color: #ffffff; text-align: center; line-height: 1300rpx; } .loadimg { width: 200rpx; height: 200rpx; } .swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal{ margin-bottom: -20rpx; z-index:auto ; } .swiper-box .wx-swiper-dot{ width:26rpx; display: inline-flex; height: 6rpx; margin-left: 8rpx; justify-content:space-between; } .swiper-box .wx-swiper-dot::before{ content: ''; flex-grow: 1; background: #D8D8D8; border-radius: 8rpx } .swiper-box .wx-swiper-dot-active::before{ background:#7D7D7D; } .slide-image{ width: 100%; height: 390rpx; } swiper { width: 100%; height: 406rpx; } image { width: 100%; height: 336rpx; } .txtlist { width: 97%; float:left; color: #000000; font-weight: 600; margin-top:12rpx; margin-left:3%; font-size: 32rpx; } .line { width: 100%; height: 1rpx; margin-top: 12rpx; background-color: #f8f8f8; } .lineeq { width: 65%; margin-left: 35%; height: 1rpx; margin-top: 12rpx; background-color: #f8f8f8; } .line2 { width: 100%; height: 1rpx; margin-top: 16rpx; background-color: #f8f8f8; } .listmargin { height: 40rpx; } .eqlist { margin-top: 28rpx; width: 92%; margin-left: 4%; margin-right: 4%; display: flex; flex-direction: row; height: 200rpx; margin-bottom: 28rpx; } .eqimg { flex: 117; float: left; height: 202rpx; margin-top: 10rpx; } .middlet { flex: 13; } .eqtxt { margin-top: 10rpx; flex: 215; float: left; height: 202rpx; } .qulistimg { width: 100%; height: 202rpx; border-radius:10rpx; } .title { margin-left: 6rpx; width: 100%; float: left; height: 40rpx; margin-top: 22rpx; } .desc { margin-left: 6rpx; margin-top: 2rpx; width: 100%; float: left; height: 28rpx; } .price{ margin-top: 30rpx; width: 100%; float: left; height: 20rpx; } .button{ margin-top: -14rpx; width: 95%; float: left; text-align: right; margin-right: 5%; } .txttitle{ color: #000000; font-weight: 500; font-size: 28rpx; } .txtdesc{ font-weight: Regular; color: #6E6E6E; font-size: 20rpx; } .price{ color: #000000; font-size: 42rpx; } .txtprice { color: #FF5B60; font-size: 32rpx; font-weight: 500; } .money1{ color: #FF5B60; font-size: 32rpx; font-weight: 500; } .txtbutton{ background: #fc6961; color: #ffffff; margin-right: 10%; border-radius: 42rpx 42rpx 42rpx 42rpx; margin-bottom: 80rpx; } .zlbutton { width: 132rpx; height: 46rpx; } .eqreturn { margin-top: 10rpx; margin-left: 70%; height: 46rpx; width: 132rpx; background-color: #fc6961; text-align: center; border-radius: 20rpx; color: #FFFFFF; font-size: 24rpx; line-height: 48rpx; }