/* pages/demandHall/resourcesDetail/index.wxss */ .resourcesDetail-page{ padding-bottom: 150rpx; position: relative; } .btn-box{ width: 100%; height: 150rpx; line-height: 150rpx; -webkit-align-self: center; align-self: center; background: #fff; border-top: 1rpx solid #ececec; text-align: right; padding-right: 52rpx; position: fixed; bottom: 0; } .contact-btn{ display: inline-block; width: 240rpx; height: 88rpx; text-align: center; line-height: 88rpx; 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; } .img-box{ width: 100%; height: 392rpx; } .img-box image{ width: 100%; height: 100%; } .detail-box{ padding: 34rpx 40rpx; } .r-name{ font-size: 40rpx; line-height: 56rpx; color: #1D1D1D; } .tag{ width: 216rpx; height: 48rpx; line-height: 48rpx; text-align: center; font-size: 24rpx; color: #fff; background: -webkit-linear-gradient(136deg, #FF5100 0%, #FF8800 100%); background: linear-gradient(314deg, #FF5100 0%, #FF8800 100%); border-radius: 8rpx; margin: 16rpx 0; } .col-line{ width: 8rpx; height: 36rpx; background: #FF7942; border-radius: 4rpx; margin-right: 14rpx; } .info-item{ margin-top: 20rpx; font-size: 28rpx; line-height: 40rpx; color: #1D1D1D; } .label{ width: 144rpx; } .colG{ font-size: 28rpx; line-height: 40rpx; color: #707070; margin-left: 20rpx; } .mt40{ margin-top: 40rpx; } .company-card-box { padding: 30rpx 12rpx; margin-top: 34rpx; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); } .company-logo{ width: 150rpx; height: 150rpx; margin-right: 20rpx; border-radius: 8rpx; } .info{ width: 70%; } .company-name{ font-size: 32rpx; line-height: 44rpx; } .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(138deg, #FFB788 0%, #F9C8A7 100%); background: linear-gradient(312deg, #FFB788 0%, #F9C8A7 100%); color: #fff; border-radius: 4rpx; margin-right: 8rpx; } .bgG{ background: -webkit-linear-gradient(316deg, #AEC8F6 0%, #76A6FA 100%); background: linear-gradient(134deg, #AEC8F6 0%, #76A6FA 100%); } .desc-box{ /* padding: 0rpx 40rpx; */ margin-top: 34rpx; } .desc-box text{ font-size: 28rpx; color: #707070; line-height: 40rpx; } .swiper-block { height: 300rpx; width: 100%; } .swiper-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; overflow: unset; } .slide-image { height: 250rpx; width: 520rpx; border-radius: 9rpx; margin: 0rpx 30rpx; z-index: 1; } .active { -webkit-transform: scale(1.14); transform: scale(1.14); -webkit-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; z-index: 20; }