cqcarbonwxapp/pages/index/index.css

.title{font-size: 42rpx;color: #333;line-height: 59rpx;margin-bottom: 32rpx;font-weight: 600;}

.home-top{position: relative;height: 391rpx;padding-left: 40rpx;overflow: hidden;color: #fff;}
.home-top-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.home-top-til{margin-top: 120rpx;font-size: 42rpx;line-height: 49rpx;text-indent: -0.5em;}
.home-top-subtil{font-size: 26rpx;line-height: 37rpx;}

.swiper-wrap{margin: -151rpx auto 32rpx;width: 670rpx;height: 320rpx;}
.swiper{height: 100%;}
.adv-item{height: 100%;}
.swiper-wrap .pic{width: 100%;height: 100%;}

.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;}
.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);}
.buy-now-img{width: 166rpx;height: 134rpx;}
.buy-now-text{flex: 1;}
.buy-now-text-big{font-size: 36rpx;color: #333;line-height: 43rpx;}
.buy-now-text-small{font-size: 24rpx;color: #999;line-height: 33rpx;letter-spacing: 1rpx;}
.buy-now-icon{margin-right: 0;}
.buy-now-icon .iconfont{font-size: 44rpx;}

.type-nav{display: flex;align-items: center;margin-bottom: 32rpx;}
.type-nav-item{flex: 1;text-align: center;position: relative;}
.type-nav-item-til{font-size: 32rpx;color: #333;line-height: 45rpx;margin-bottom: 6rpx;font-weight: 500;}
.type-nav-item-subtil{font-size: 24rpx;color: #999;line-height: 33rpx;font-weight: 400;}