yunshengtai-uniapp/unpackage/dist/dev/mp-weixin/pages/demandHall/companyDetail/index.wxss

/* pages/demandHall/companyDetail/index.wxss */
.top-box{
  width: 100%;
  height: 420rpx;
  position: relative;
}
.top-bg-img{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.top-bg{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.4);
  position: absolute;
  z-index: 2;
}
.top-content{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
  color: #fff;
  padding: 40rpx 0 0 22rpx;
}
.company-info-box{
  width: 100%;
}
.company-logo{
  width: 150rpx;
  height: 150rpx;
  margin-right: 20rpx;
  border-radius: 8rpx;
}
.info{
  width: calc(100% - 192rpx);
}
.name{
  font-size: 32rpx;
  line-height: 44rpx;
}
.slogan{
  font-size: 24rpx;
  line-height: 34rpx;
  margin: 4rpx 0 0rpx;
}
.tags-box{
  margin: 0rpx 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%);
}
.company-contact-box{
  margin-top: 20rpx;
}
.contact-item{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: 28rpx;
  line-height: 46rpx;
}
.contact-item image{
  width: 20rpx;
  height: 20rpx;
  margin-right: 20rpx;
}
.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;
  -webkit-transform:scaleX(0);
          transform:scaleX(0);
  -webkit-transition: all .2s ease,opacity .15s ease;
  transition: all .2s ease,opacity .15s ease;
}
.tab-a{
  color: #FF7942;
}
.tab-a::after{
  opacity: 1;
  -webkit-transform: scaleX(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: -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;
}
.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;
}
.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;
}
.btn-box-l{
	width: calc(100% - 174rpx);
}
.btn-box-l view{
	width: 98%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.toMore-btn{
  width: 164rpx;
  height: 54rpx;
  background: -webkit-linear-gradient(309deg, #FFA782 0%, #FF6D31 100%);
  background: linear-gradient(141deg, #FFA782 0%, #FF6D31 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;
}