index.wxss 2.5 KB

12345678910111213141516171819202122
  1. .title{font-size: 42rpx;color: #333;line-height: 59rpx;margin-bottom: 32rpx;font-weight: 600;}
  2. .home-top{position: relative;height: 391rpx;padding-left: 40rpx;overflow: hidden;color: #fff;}
  3. .home-top-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
  4. .home-top-til{margin-top: 120rpx;font-size: 42rpx;line-height: 49rpx;text-indent: -0.5em;}
  5. .home-top-subtil{font-size: 26rpx;line-height: 37rpx;}
  6. .swiper-wrap{margin: -151rpx auto 32rpx;width: 670rpx;height: 320rpx;}
  7. .swiper{height: 100%;}
  8. .adv-item{height: 100%;}
  9. .swiper-wrap .pic{width: 100%;height: 100%;}
  10. .buy-now{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;padding-right: 54rpx;margin-top: 38rpx;margin-bottom: 32rpx;height: 112rpx;background: #fff;-webkit-box-shadow: 0px 0rpx 12rpx 0px rgba(0, 0, 0, 0.04);box-shadow: 0px 0rpx 12rpx 0px rgba(0, 0, 0, 0.04);-webkit-border-radius: 62rpx 100rpx 100rpx 0px;border-radius: 62rpx 100rpx 100rpx 0px;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
  11. .buy-now-imgwrap{width: 270rpx;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;align-items: flex-end;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;margin-right: 37rpx;height: 100%;background: -webkit-gradient(linear, left top, right top, from(#FFF900), to(#FFD200));background: -webkit-linear-gradient(left, #FFF900 0%, #FFD200 100%);background: linear-gradient(90deg, #FFF900 0%, #FFD200 100%);-webkit-border-radius: 62rpx 0px 61rpx 0px;border-radius: 62rpx 0px 61rpx 0px;-webkit-box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.04);box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.04);}
  12. .buy-now-img{width: 166rpx;height: 134rpx;}
  13. .buy-now-text{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
  14. .buy-now-text-big{font-size: 36rpx;color: #333;line-height: 43rpx;}
  15. .buy-now-text-small{font-size: 24rpx;color: #999;line-height: 33rpx;letter-spacing: 1rpx;}
  16. .buy-now-icon{margin-right: 0;}
  17. .buy-now-icon .iconfont{font-size: 44rpx;}
  18. .type-nav{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;margin-bottom: 32rpx;}
  19. .type-nav-item{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;text-align: center;position: relative;}
  20. .type-nav-item-til{font-size: 32rpx;color: #333;line-height: 45rpx;margin-bottom: 6rpx;font-weight: 500;}
  21. .type-nav-item-subtil{font-size: 24rpx;color: #999;line-height: 33rpx;font-weight: 400;}