/* pages/demandHall/contact/index.wxss */ .contact-page{ width: 100%; min-height: 100vh; padding: 40rpx; background: #EFEFEF; } .company-card-box { width: 100%; height: 210rpx; padding: 30rpx 12rpx; background: #FFFFFF; box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16); border-radius: 12rpx; } .info{ width: 70%; } .company-logo{ width: 150rpx; height: 150rpx; margin-right: 20rpx; } .company-name{ font-size: 36rpx; line-height: 56rpx; font-weight: 500; color: #1D1D1D; } .slogan{ font-size: 24rpx; line-height: 34rpx; color: #666; margin: 4rpx 0 12rpx; } .tags-box{ margin: 6rpx 0 10rpx; } .tag-item{ width: 112rpx; height: 36rpx; display: inline-block; line-height: 36rpx; text-align: center; font-size: 20rpx; background: -webkit-linear-gradient(136deg, #FF5100 0%, #FF8800 100%); background: linear-gradient(314deg, #FF5100 0%, #FF8800 100%); color: #fff; border-radius: 8rpx; margin-right: 8rpx; } .tips{ margin: 32rpx 0; font-size: 24rpx; color: #1D1D1D; } .t-icon{ width: 28rpx; height: 28rpx; border-radius: 50%; border: 1px solid #1D1D1D; text-align: center; line-height: 25rpx; color: #1D1D1D; font-size: 24rpx; font-weight: bold; margin-right: 10rpx; } .needs-list{ width: 100%; } .need-item{ width: 100%; padding: 20rpx 0; background: #FFFFFF; box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16); border-radius: 12rpx; margin-bottom: 32rpx; } .n-title{ width: 100%; padding: 18rpx 26rpx; border-bottom: 2rpx solid #E2E2E2; font-size: 24rpx; color: #979797; font-weight: 500; } .dot{ width: 28rpx; height: 28rpx; border: 2rpx solid #979797; border-radius: 50%; margin-right: 6rpx; } .n-title-a .dot{ position: relative; border-color: #FF7E42; } .n-title-a .dot::before{ content: ''; display: inline-block; width: 20rpx; height: 20rpx; border-radius: 50%; border-color: #FF7E42; background: #FF7E42; position: absolute; top: 2rpx; left: 2rpx; } .n-title-a{ color: #FF7E42; } .n-title-box{ padding: 0 26rpx; font-size: 28rpx; color: #1D1D1D; margin: 16rpx 0 8rpx; } .colO{ color: #FF5100; font-size: 500; } .n-tags{ padding: 0 26rpx; } .n-tag-item{ width: auto; height: 36rpx; padding: 0 8rpx; line-height: 34rpx; text-align: center; border: 1rpx solid #FFAA00; color: #FFAA00; border-radius: 4rpx; margin-right: 8rpx; font-size: 24rpx; } .bgG{ border: 1rpx solid #3A9EFA; color: #3A9EFA; } .bgO{ border: 1rpx solid #FC9367; color: #FC9367; } .area-box{ width: 100%; height: 900rpx; padding: 42rpx 24rpx; background: #fff; border-radius: 12rpx; } .area-box textarea{ width: 100%; height: 50%; } .submit-btn{ width: 240rpx; height: 88rpx; line-height: 88rpx; text-align: center; background: -webkit-linear-gradient(316deg, #FFA782 0%, #FF6D31 100%); background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%); border-radius: 12rpx; font-size: 32rpx; color: #fff; /* margin: 32rpx auto; */ position: absolute; bottom: 80rpx; left: 50%; margin-left: -120rpx; }