You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

173 lines
2.8 KiB

3 years ago
/* 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;
}