/* pages/demandHall/applyDetail/index.wxss */ page{ width: 100%; height: 100%; } .applyDetail-page{ height: 100%; } .top-box{ width: 100%; padding: 40rpx 40rpx 62rpx; background: linear-gradient(180deg, #FF5100 0%, #FFA782 100%); } .company-card-box { width: 100%; 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: 154rpx; height: 154rpx; margin-right: 20rpx; } .company-name{ font-size: 28rpx; 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; line-height: 34rpx; text-align: center; border: 1rpx solid #FFAA00; color: #FFAA00; border-radius: 4rpx; margin-right: 8rpx; font-size: 24rpx; } .content-box{ width: 100%; height: calc(100% - 490rpx); overflow: hidden; } .content-l{ width: 152rpx; height: 100%; padding-left: 22rpx; background: #EEEEEE; overflow: hidden; } .l-item{ width: 100%; height: 136rpx; display: flex; align-items: center; justify-content: center; } .headerImg-box{ border-radius: 50%; overflow: hidden; position: absolute; } .headerImg-box image{ width: 92rpx; height: 92rpx; } .l-item-a{ background: #fff; border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .content-r{ width: calc(100% - 152rpx); padding: 46rpx 30rpx; font-size: 28rpx; } .apply-word{ color: #666; line-height: 44rpx; margin-top: 24rpx; } .btn-box{ width: 100%; height: 160rpx; padding-top: 24rpx; position: absolute; bottom: 0; } .btn-item{ width: 190rpx; height: 76rpx; line-height: 76rpx; text-align: center; font-size: 32rpx; color: #fff; font-weight: 400; background: #BFBFBF; border-radius: 12rpx; margin-right: 16rpx; } .bgO{ background: linear-gradient(144deg, #FFA782 0%, #FF5100 100%); } .need-item{ width: 100%; padding: 10rpx 0; background: #FFFFFF; box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16); border-radius: 12rpx; margin: 32rpx 0; } .n-title-box{ padding: 0 26rpx 10rpx; font-size: 28rpx; color: #1D1D1D; margin: 16rpx 0 12rpx; border-bottom: 2px solid #E2E2E2; } .word{ width: 340rpx; font-size: 28rpx; } .colO{ color: #FF5100; font-size: 500; } .n-tags{ padding: 0 26rpx; margin-bottom: 10rpx; } .n-tag-item{ width: 112rpx; height: 36rpx; 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; } .bgR{ border: 1rpx solid #FC9367; color: #FC9367; } .price-box{ color: #707070; padding: 0 20rpx; } .desc{ width: 370rpx; }