YouTuan_wxapp/pages/company/company.wxss

/* pages/company/company.wxss */
page{
  background-color: #f7f7f7;
}
.cont{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.title{
  font-size: 36rpx;
  color: #464646;
  font-weight: 600;
  height: 100rpx;
  display: flex;
  align-items: center;
}
.body{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.input1{
  width: 93%;
  height: 150rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30rpx;
}
.input1>p{
  color: 32rpx;
  color: #656565;
  font-weight: 600;
}
.input1>view{
  width: 100%;
  height: 92rpx;
  background-color: white;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
}
.input1>view>input{
  height: 100%;
  margin-left: 40rpx;
  width: 86%;
  color: #656565;
  font-size: 32rpx;
}
.textare{
  width: 93%;
  height: 270rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 40rpx;
}
.textare>p{
  color: 32rpx;
  color: #656565;
  font-weight: 600;
}
.textare>view{
  width: 100%;
  height: 220rpx;
  background-color: white;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.textare>view>textarea{
  margin-top: 30rpx;
  width: 88%;
  height: 150rpx;
}
.textare>view>view{
  font-size: 24rpx;
  width: 90%;
  display: flex;
  flex-direction: row-reverse;
  color: #989898;
}
.upload{
  width: 93%;
  height: 210rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.upload>p{
  color: 32rpx;
  color: #656565;
  font-weight: 600;
}
.van-uploader__upload{
  background-color: white !important;
}
.footv{
  width: 100%;
  margin-top: 20rpx;
  display: flex;
}
.footv>button{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 74rpx;
  border-radius: 37rpx;
  background-color: white;
  border: 1px solid #FF874E;
  color:#FF874E;
  font-size: 28rpx;
}
.footv>button>image{
  height: 38rpx;
  width: 38rpx;
}
.footv>button:first-child{
  width: 240rpx;
}
.footv>button:first-child>image{
  margin-right: 20rpx;
}
.footv>button:not(:first-child){
  width: 188rpx;
}
.foot{
  width: 100%;
  height: 156rpx;
  background-color: white;
  position: fixed;
  bottom: 0;
  box-shadow: 0px -2px 28px -12px #00000030;
}
.foot>button{
  width: 622rpx;
  height: 74rpx;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 37rpx;
  margin-top: 20rpx;
  background-color: #FF874E;
}
.input2{
  display: flex;
  width: 93%;
  height: 150rpx;
  flex-direction: column;
  justify-content: space-between;
}
.input2>view:last-child{
  width: 100%;
  height: 92rpx;
  background-color: white;
  border-radius: 20rpx;
}
.input2>view:last-child>input{
  height: 100%;
  margin-left: 40rpx;
  width: 86%;
  color: #656565;
  font-size: 32rpx;
}
.input2>view:first-child{
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: 32rpx;
  color: #656565;
  font-weight: 600;
}

.top1{
  width: 710rpx;
  height: 206rpx;
  background-color: white;
  border-radius: 20rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.one{
  display: flex;
  width: 40rpx;
  flex-direction: column;
  align-items: center;
}
.one-1{
  height: 14rpx;
  width: 14rpx;
  border-radius: 20rpx;
  border: 1px solid #979797;
}
.one-2{
  height: 72rpx;
  border: 1px dotted #979797;
}
.one-3{
  height: 15rpx;
  width: 15rpx;
  border-radius: 20rpx;
  background-color: #FF874E;
}
.info{
  display: flex;
  align-items: center;
}
.body1{
  width: 300rpx;
  height: 130rpx;
  display: flex;
  margin-left: 10rpx;
  flex-direction: column;
  justify-content: space-between;
}
.body1>p:first-child{
  color: #989898;
  font-size: 32rpx;
  font-weight: 600;
}
.body1>p:last-child{
  color: #FF874E;
  font-size: 32rpx;
  font-weight: 600;
}
.info1{
  width: 710rpx;
  height: 250rpx;
  background-color: white;
  margin-top: 30rpx;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30rpx;
}
.info1>view{
  display: flex;
  align-items: center;
}
.ione-1{
  width: 93%;
}
.ione-1>p{
  margin-left: 10rpx;
  color: #464646;
  font-size: 32rpx;
  font-weight: 600;
}
.info1>view{
  height: 80rpx;
}
.ione-2,.ione-3{
  width: 89%;
  justify-content: space-between;
}
.ione-2>p:first-child{
  color: #656565;
  font-size: 32rpx;
  font-weight: 600;
}
.ione-3>p:first-child{
  color: #656565;
  font-size: 32rpx;
  font-weight: 600;
}
.ione-2>p:last-child{
  color: #656565;
  font-size: 32rpx;
}
.ione-3>p:last-child{
  color: #656565;
  font-size: 32rpx;
}
.infor{
  width: 710rpx;
  height: 1156rpx;
  background-color: white;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.info-one{
  width: 89%;
  display: flex;
  justify-content: space-between;
}
.info-two{
  display: flex;
  flex-direction: column;
  width: 89%;
}
.info-two>p:first-child{
  color: #656565;
  font-size: 32rpx;
  font-weight: 600;
}
.info-two>p:last-child{
  color: #656565;
  font-size: 32rpx;
  margin-top: 20rpx;
}
.info-two image{
  border-radius: 16rpx;
}
.foot1{
  height: 120rpx;
  width: 250rpx;
  color: #989898;
  font-size: 28rpx;
  display: flex;
  flex-direction: row-reverse;
}
.kai{
  animation: kai 3s ;
}
.shou{
  animation: shou 3s ;
}
@keyframes kai{
  from {
    height: 0rpx;
  }
  to{
    height: 92rpx;
  }
}
@keyframes shou{
  from {
    height: 92rpx;
  }
  to {
    height: 0rpx;
  }
}