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.
124 lines
1.7 KiB
124 lines
1.7 KiB
3 years ago
|
/* pages/home/index.wxss */
|
||
|
|
||
|
.top-box{
|
||
|
width: 100%;
|
||
|
height: 874rpx;
|
||
|
}
|
||
|
.top-box image{
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
.company-info-box{
|
||
|
width: 670rpx;
|
||
|
height: 268rpx;
|
||
|
position: relative;
|
||
|
margin: -124rpx auto 0;
|
||
|
}
|
||
|
.company-info-box .info-bg{
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
position: absolute;
|
||
|
}
|
||
|
|
||
|
.info-box{
|
||
|
width: 100%;
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
z-index: 2;
|
||
|
padding: 44rpx 20rpx 42rpx 40rpx;
|
||
|
}
|
||
|
.info-box image{
|
||
|
width: 150rpx;
|
||
|
height: 182rpx;
|
||
|
}
|
||
|
.introduce-box{
|
||
|
width: 440rpx;
|
||
|
}
|
||
|
.introduce-box .name{
|
||
|
font-size: 30rpx;
|
||
|
color: #514E4E;
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
.introduce-box .desc{
|
||
|
font-size: 24rpx;
|
||
|
color: #8A8A8A;
|
||
|
}
|
||
|
|
||
|
.goods-list-box{
|
||
|
width: 100%;
|
||
|
margin-top: 48rpx;
|
||
|
}
|
||
|
.title-box{
|
||
|
margin-bottom: 30rpx;
|
||
|
}
|
||
|
.row-line{
|
||
|
width: 108rpx;
|
||
|
height: 2rpx;
|
||
|
background: #959595;
|
||
|
}
|
||
|
.title-box .title{
|
||
|
font-size: 32rpx;
|
||
|
color: #959595;
|
||
|
margin: 0 18rpx;
|
||
|
font-weight: 500;
|
||
|
}
|
||
|
.goods-item{
|
||
|
width: 100%;
|
||
|
margin-bottom: 16rpx;
|
||
|
}
|
||
|
.goods-item image{
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.form-box{
|
||
|
width: 100%;
|
||
|
padding: 80rpx 40rpx;
|
||
|
position: relative;
|
||
|
}
|
||
|
.tips-box{
|
||
|
font-size: 24rpx;
|
||
|
color: #1D1D1D;
|
||
|
margin-bottom: 32rpx;
|
||
|
}
|
||
|
.tips-box image{
|
||
|
width: 24.5rpx;
|
||
|
height: 24.5rpx;
|
||
|
margin: 2rpx 4rpx 0 0 ;
|
||
|
}
|
||
|
.form{
|
||
|
width: 100%;
|
||
|
height: 232rpx;
|
||
|
font-size: 24rpx;
|
||
|
color: #1D1D1D;
|
||
|
position: relative;
|
||
|
}
|
||
|
.form .info-bg{
|
||
|
width: 100%;
|
||
|
height: 232rpx;
|
||
|
position: absolute;
|
||
|
}
|
||
|
.inp-box{
|
||
|
width: 100%;
|
||
|
position: absolute;
|
||
|
z-index: 3;
|
||
|
padding: 48rpx 130rpx;
|
||
|
}
|
||
|
.inp-item{
|
||
|
width: 100%;
|
||
|
height: 50rpx;
|
||
|
border: 2rpx solid #1D1D1D;
|
||
|
border-radius: 8rpx;
|
||
|
padding: 0rpx 30rpx;
|
||
|
margin-bottom: 40rpx;
|
||
|
}
|
||
|
.inp-item input{
|
||
|
width: 60%;
|
||
|
}
|
||
|
.label{
|
||
|
margin-right: 4rpx;
|
||
|
}
|
||
|
.submit-btn{
|
||
|
width: 318rpx !important;
|
||
|
padding: 0 !important;
|
||
|
}
|