Mina/pages/pt-share/pt-share.wxss

/* pages/pt-share/index.wxss */

page {
}

.panel {
  padding: 60rpx 30rpx 0 30rpx;
  display: flex;
  flex-direction: column;
}

.slide-image {
  width: 100%;
  height: 246rpx;
  border-top-left-radius: 10rpx;
  border-top-right-radius: 10rpx;
}

.share {
  background: linear-gradient(45deg, rgba(129, 198, 242, 1), rgba(84, 112, 223, 1));
  border-bottom-left-radius: 10rpx;
  border-bottom-right-radius: 10rpx;
  padding-bottom: 62rpx;
}

.share .one {
  display: flex;
  justify-content: space-between;
}

.share .one .left {
  display: flex;
  flex-direction: column;
}

.share .one .left .name {
  font-size: 38rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  padding: 35rpx 0 0 54rpx;
}

.share .one .left .title {
  font-size: 26rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  padding: 20rpx 0 0 54rpx;
}

.share .one .right {
  padding-right: 70rpx;
  margin-top: -66rpx;
}

.share .one .right image {
  width: 194rpx;
  height: 194rpx;
  border-radius: 50%;
  border: 12rpx solid #fff;
}

.share .two {
  display: flex;
  flex-direction: column;
  padding-top: 80rpx;
  align-items: center;
}

.share .two .position {
  font-size: 38rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
}

.share .two .company {
  font-size: 20rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  padding-top: 12rpx;
}

.share .two .salary {
  font-size: 50rpx;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  padding-top: 28rpx;
}

.share .two .limit {
  display: flex;
  flex-wrap: wrap;
  padding: 28rpx 54rpx 0 54rpx;
  color: #5a90ca;
  justify-content: center;
}

.share .two .limit i-tag {
  /* margin-left: 10rpx; */
}

.tag-class {
  background: #d7e5fc !important;
  margin-right: 16rpx;
  white-space: nowrap;
  border: none !important;
  border-radius: 19px !important;
  padding: 10rpx;
}

.share .three {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-top: 90rpx;
}

.share .three .left {
  display: flex;
  flex-direction: column;
}

.share .three .left image {
  width: 197rpx;
  height: 41rpx;
}

.share .three .left .kefu {
  font-size: 20rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  padding-top: 10rpx;
}

.share .three .mid {
  width: 190rpx;
  height: 190rpx;
  background: rgba(255, 255, 255, 1);
  border-radius: 6rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.share .three .mid image {
  width: 180rpx;
  height: 180rpx;
  border-radius: 6rpx;
}

.share .three .right {
  display: flex;
  flex-direction: column;
  font-size: 20rpx;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
}

.create {
  display: flex;
  margin: 100rpx 20rpx 20rpx 20rpx;
  height: 86rpx;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgba(59, 120, 207, 1), rgba(80, 166, 195, 1));
  border-radius: 42rpx;
  font-size: 38rpx;
  font-family: SourceHanSansCN-Normal;
  font-weight: 400;
  color: rgba(255, 254, 254, 1);
}