/* pages/home/index.wxss */ .top-box{ width: 100%; height: 874rpx; } .top-box image{ width: 100%; height: 100%; } .company-info-box{ width: 670rpx; height: 268rpx; position: relative; margin: -124rpx auto 0; } .company-info-box .info-bg{ width: 100%; height: 100%; position: absolute; } .info-box{ width: 100%; position: absolute; top: 0; z-index: 2; padding: 44rpx 20rpx 42rpx 40rpx; } .info-box image{ width: 150rpx; height: 182rpx; } .introduce-box{ width: 440rpx; } .introduce-box .name{ font-size: 30rpx; color: #514E4E; font-weight: 600; } .introduce-box .desc{ font-size: 24rpx; color: #8A8A8A; } .goods-list-box{ width: 100%; margin-top: 48rpx; } .title-box{ margin-bottom: 30rpx; } .row-line{ width: 108rpx; height: 2rpx; background: #959595; } .title-box .title{ font-size: 32rpx; color: #959595; margin: 0 18rpx; font-weight: 500; } .goods-item{ width: 100%; margin-bottom: 16rpx; } .goods-item image{ width: 100%; } .form-box{ width: 100%; padding: 80rpx 40rpx; position: relative; } .tips-box{ font-size: 24rpx; color: #1D1D1D; margin-bottom: 32rpx; } .tips-box image{ width: 24.5rpx; height: 24.5rpx; margin: 2rpx 4rpx 0 0 ; } .form{ width: 100%; height: 232rpx; font-size: 24rpx; color: #1D1D1D; position: relative; } .form .info-bg{ width: 100%; height: 232rpx; position: absolute; } .inp-box{ width: 100%; position: absolute; z-index: 3; padding: 48rpx 130rpx; } .inp-item{ width: 100%; height: 50rpx; border: 2rpx solid #1D1D1D; border-radius: 8rpx; padding: 0rpx 30rpx; margin-bottom: 40rpx; } .inp-item input{ width: 60%; } .label{ margin-right: 4rpx; } .submit-btn{ width: 318rpx !important; padding: 0 !important; }