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.

172 lines
2.9 KiB

3 years ago
/* pages/demandHall/contact/index.wxss */
.contact-page{
width: 100%;
min-height: 100vh;
padding: 40rpx;
background: #EFEFEF;
}
.company-card-box {
width: 100%;
height: 210rpx;
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: 150rpx;
height: 150rpx;
margin-right: 20rpx;
}
.company-name{
font-size: 36rpx;
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;
display: inline-block;
line-height: 36rpx;
text-align: center;
font-size: 20rpx;
background: linear-gradient(314deg, #FF5100 0%, #FF8800 100%);
color: #fff;
border-radius: 8rpx;
margin-right: 8rpx;
}
.tips{
margin: 32rpx 0;
font-size: 24rpx;
color: #1D1D1D;
}
.t-icon{
width: 28rpx;
height: 28rpx;
border-radius: 50%;
border: 1px solid #1D1D1D;
text-align: center;
line-height: 25rpx;
color: #1D1D1D;
font-size: 24rpx;
font-weight: bold;
margin-right: 10rpx;
}
.needs-list{
width: 100%;
}
.need-item{
width: 100%;
padding: 20rpx 0;
background: #FFFFFF;
box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16);
border-radius: 12rpx;
margin-bottom: 32rpx;
}
.n-title{
width: 100%;
padding: 18rpx 26rpx;
border-bottom: 2rpx solid #E2E2E2;
font-size: 24rpx;
color: #979797;
font-weight: 500;
}
.dot{
width: 28rpx;
height: 28rpx;
border: 2rpx solid #979797;
border-radius: 50%;
margin-right: 6rpx;
}
.n-title-a .dot{
position: relative;
border-color: #FF7E42;
}
.n-title-a .dot::before{
content: '';
display: inline-block;
width: 20rpx;
height: 20rpx;
border-radius: 50%;
border-color: #FF7E42;
background: #FF7E42;
position: absolute;
top: 2rpx;
left: 2rpx;
}
.n-title-a{
color: #FF7E42;
}
.n-title-box{
padding: 0 26rpx;
font-size: 28rpx;
color: #1D1D1D;
margin: 16rpx 0 8rpx;
}
.colO{
color: #FF5100;
font-size: 500;
}
.n-tags{
padding: 0 26rpx;
}
.n-tag-item{
3 years ago
width: auto;
3 years ago
height: 36rpx;
3 years ago
padding: 0 8rpx;
3 years ago
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;
}
.bgO{
border: 1rpx solid #FC9367;
color: #FC9367;
}
.area-box{
width: 100%;
height: 900rpx;
padding: 42rpx 24rpx;
background: #fff;
border-radius: 12rpx;
}
.area-box textarea{
width: 100%;
height: 50%;
}
.submit-btn{
width: 240rpx;
height: 88rpx;
line-height: 88rpx;
text-align: center;
background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%);
border-radius: 12rpx;
font-size: 32rpx;
color: #fff;
/* margin: 32rpx auto; */
position: absolute;
bottom: 80rpx;
left: 50%;
margin-left: -120rpx;
}