/* pages/demandHall/companyDetail/index.wxss */ .top-box{ width: 100%; height: 406rpx; position: relative; } .top-bg-img{ width: 100%; height: 406rpx; position: absolute; z-index: 1; } .top-bg{ width: 100%; height: 406rpx; background: rgba(0,0,0,.4); position: absolute; z-index: 2; } .top-content{ width: 100%; height: 406rpx; position: absolute; top: 0; z-index: 3; color: #fff; padding: 80rpx 0 0 22rpx; } .company-logo{ width: 150rpx; height: 150rpx; margin-right: 20rpx; border-radius: 8rpx; } .name{ font-size: 32rpx; line-height: 44rpx; } .slogan{ font-size: 24rpx; line-height: 34rpx; 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: linear-gradient(312deg, #FFB788 0%, #F9C8A7 100%); color: #fff; border-radius: 4rpx; margin-right: 8rpx; } .bgG{ background: linear-gradient(134deg, #AEC8F6 0%, #76A6FA 100%); } .company-contact-box{ margin-top: 20rpx; } .contact-item{ display: flex; align-items: center; font-size: 24rpx; line-height: 34rpx; } .contact-item image{ width: 20rpx; height: 20rpx; margin-right: 12rpx; } .tabs-box{ width: 100%; padding: 18rpx 40rpx; background: #fff; box-shadow: 0px -6px 20px rgba(0, 0, 0, 0.11); } .tab{ width: 116rpx; text-align: center; font-size: 28rpx; color: #BFBFBF; position: relative; } .tab::after{ display: block; content: ''; width: 100%; height: 8rpx; border-radius: 8rpx; background: #FF5100; position: absolute; bottom: -22rpx; left: 50%; margin-left: -58rpx; opacity: 0; transform:scaleX(0); transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease; } .tab-a{ color: #FF7942; } .tab-a::after{ opacity: 1; transform: scaleX(1); } .tab-content-box{ width: 100%; } .home-box{ width: 100%; padding-bottom: 34rpx; } .info-box,.about-box{ padding-bottom: 34rpx; border-bottom: 2rpx solid #eee; } .title-box{ padding: 34rpx 40rpx; } .col-line{ width: 8rpx; height: 36rpx; background: #FF7942; border-radius: 4rpx; margin-right: 14rpx; } .info-item{ padding-left: 40rpx; margin-bottom: 20rpx; font-size: 28rpx; line-height: 40rpx; color: #1D1D1D; } .colG{ width: 496rpx; color: #707070; margin-left: 56rpx; } .about{ padding: 0rpx 40rpx; } .about text{ font-size: 28rpx; color: #707070; line-height: 40rpx; } .swiper-block { height: 300rpx; width: 100%; } .swiper-item { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; overflow: unset; } .slide-image { height: 250rpx; width: 520rpx; border-radius: 9rpx; margin: 0rpx 30rpx; z-index: 1; } .active { transform: scale(1.14); transition: all 0.2s ease-in 0s; z-index: 20; } .toSite{ text-align: center; font-size: 24rpx; color: #BFBFBF; margin-top: 40rpx; } .resources-box,.needs-box{ width: 100%; min-height: 1000rpx; padding: 40rpx; background: #EFEFEF; } .resources-item{ width: 100%; background: #fff; margin-bottom: 20rpx; } .item-top{ width: 100%; padding: 32rpx 40rpx 18rpx; border-bottom: 2rpx solid #F0F0F0; } .item-top image{ width: 196rpx; height: 196rpx; margin-right: 24rpx; border-radius: 8rpx; } .info{ width: 370rpx; } .r-title{ color: #1D1D1D; font-size: 34rpx; line-height: 44rpx; } .r-price{ font-size: 28rpx; line-height: 40rpx; color: #FF680C; margin-top: 24rpx; } .r-tips{ width: 370rpx; background: #EEEEEE; border-radius: 8rpx; padding: 4rpx 10rpx; color: #ADADAD; font-size: 20rpx; } .btn-box{ width: 100%; height: 102rpx; padding: 0 40rpx; font-size: 20rpx; line-height: 28rpx; color: #A7A7A7; } .toMore-btn{ width: 164rpx; height: 54rpx; background: linear-gradient(141deg, #FFA782 0%, #000 100%); border-radius: 8rpx; font-size: 28rpx; font-weight: bold; line-height: 54rpx; color: #FFFFFF; text-align: center; } .company-list{ width: 100%; } .company-item{ width: 100%; padding: 26rpx; background: #fff; border-bottom: 2rpx solid #EEEEEE; margin-bottom: 20rpx; } .company-item .title-box{ padding: 0; } .title-box .title{ width: 430rpx; } .title-box .price{ margin: 0; color: #FF5100; line-height: 40rpx; font-weight: 600; } .company-item .tags-box{ margin: 20rpx 0; } .company-item .tags-box .tag-item{ width: 112rpx; height: 36rpx; display: inline-block; line-height: 34rpx; text-align: center; font-size: 20rpx; border: 1rpx solid #FFAA00; color: #FFAA00; background: #fff; border-radius: 4rpx; margin-right: 8rpx; } .company-item .tags-box .bgG{ border: 1rpx solid #3A9EFA; color: #3A9EFA; } .company-item .tags-box .bgO{ border: 1rpx solid #FC9367; color: #FC9367; } .desc{ font-size: 24rpx; line-height: 32rpx; color: #666666; } .company-item .btn-box{ margin-top: 0rpx; font-size: 24rpx; color: #707070; padding: 0; }