index.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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: flex;box-sizing: border-box;padding-right: 54rpx;margin-top: 38rpx;margin-bottom: 32rpx;height: 112rpx;background: #fff;box-shadow: 0px 0rpx 12rpx 0px rgba(0, 0, 0, 0.04);border-radius: 62rpx 100rpx 100rpx 0px;align-items: center;}
  11. .buy-now-imgwrap{width: 270rpx;display: flex;align-items: flex-end;justify-content: center;margin-right: 37rpx;height: 100%;background: linear-gradient(90deg, #FFF900 0%, #FFD200 100%);border-radius: 62rpx 0px 61rpx 0px;box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.04);}
  12. .buy-now-img{width: 166rpx;height: 134rpx;}
  13. .buy-now-text{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: flex;align-items: center;margin-bottom: 32rpx;}
  19. .type-nav-item{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;}