ruimengsi-Miniapp/pages/home/index.wxss

/* 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: 280rpx;
  font-size: 28rpx;
  color: #1D1D1D;
  position: relative;
}
.form .info-bg{
  width: 100%;
  height: 100%;
  position: absolute;
}
.inp-box{
  width: 100%;
  position: absolute;
  z-index: 3;
  padding: 48rpx 130rpx;
}
.inp-item{
  width: 100%;
  height: 72rpx;
  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;
}