Matcher/pages/personInfo/personInfo.wxss

#photo_btn{
  background: #fff!important;
  /* border: 1px solid red; */
  font-weight: normal!important;
  font-size: 28rpx;
  text-align: right;
  color: #4d4d4d;
}
.block {
  height: 80rpx;
  line-height: 80rpx;
  margin-top: 50rpx;
}
.card_bj{
  width: 100%;
  height: 250rpx;
  box-shadow: 10rpx 10rpx 10rpx 10rpx #f8f8f8;
  /* border: 1px solid #f8f8f8; */
  margin-top: 20rpx;
  position: relative;
}
.p1{
  position: absolute;
  font-size: 40rpx;
  color: #333333;
  top: 60rpx;
  left: 50rpx;
  letter-spacing: 5rpx;
}
.p2{
  position: absolute;
  font-size: 26rpx;
  color: #c0bfc0;
  top: 120rpx;
  left: 40rpx;
}
.p3{
  position: absolute;
  font-size: 26rpx;
  color: #c0bfc0;
  top: 160rpx;
  left: 70rpx;
}
.p4{
  position: absolute;
  font-size: 26rpx;
  color: #c0bfc0;
  top: 190rpx;
  left: 70rpx;
}
.cardimg{
  width: 252rpx;
  height: 161rpx;
  position: absolute;
  top: 40rpx;
  right: 50rpx;
}

.left {
  float: left;
  width: 20%;
  /* border: 1px solid red; */
}

.right {
  float: right;
  width: 78%;
  position: relative;
}

.right input {
  height: 80rpx;
  text-align: right;
}
.right radio-group{
  height: 80rpx;
  text-align: right;
}
.right .picker {
  height: 80rpx;
  text-align: right;
}
.placeStyle {
  height: 80rpx;
  width: 78%;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}


.placetext {
  margin-right: 20rpx;
  color: #4d4d4d;
}

.redpoint {
  width: 15rpx;
  height: 15rpx;
  border-radius: 15rpx;
  background-color: #ff3622;
  margin-right: 20rpx;
}

.my-choosebox {
  color: rgba(51, 51, 51, 1);
  border: 1px solid #d7d8d8;
  border-radius: 40rpx;
  padding: 8rpx 50rpx;
  margin-right: 20rpx;
}

.checkboxbox {
  background: -webkit-linear-gradient(left, #bd64ff, #8873ff);
  color: white;
}

.parameter-wrap radio {
  display: none;
}

.parameter-wrap checkbox {
  display: none;
}
#sunbmit{
  width:500rpx;
  background: -webkit-linear-gradient(left, #bd64ff, #8873ff);
  color: #fff;
  height: 90rpx!important;
  line-height: 60rpx!important;
  border-radius: 50rpx!important;
  font-weight: normal!important;
  margin: 60rpx 75rpx 10rpx 75rpx;

}

/* .btn-area {
  background: -webkit-linear-gradient(left, #c58aff, #9080f5);
  width: 750rpx;
  height: 150rpx;
  text-align: center;
  color: #fff;
}*/
checkbox .wx-checkbox-input {
  border-radius: 50%;
  width: 36rpx;
  height: 36rpx;
  background-color: #f5f5f5;
  border: 1rpx solid rgb(122, 122, 122)
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  border: 1rpx solid #fff;
  background: #fff;
  border: 1rpx solid rgb(122, 122, 122)
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  border-radius: 50%;
  width: 30rpx;
  height: 30rpx;
  line-height: 30rpx;
  text-align: center;
  font-size: 30rpx;
  color: #b186fb;
  background: transparent;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  /* border: 1rpx solid rgb(122, 122, 122) */
} 
 /*.tuijian{
  position: absolute;
  top: 400rpx;
  left: 40rpx;
  width: 130rpx;
  height: 60rpx;
  z-index: 99999;
} */
.tabbar {
  width: 750rpx;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .4);
  /* border: 1px solid #999; */
  height: 100rpx;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  font-size: 28rpx;
  background: #fff;
  z-index: 999;
}

.tab1 {
  height: 100rpx;
  width: 250rpx;
  text-align: center;
  color: #999999;
}

#red {
  background: none;
  color: #999999;
  font-weight: normal;
  width: 250rpx;
  height: 100rpx;
  /* border: 1px solid red; */
  line-height: 125rpx;
  font-size: 28rpx;
  position: absolute;
  bottom: 0;
  left: 155rpx;
}
.xin{
  width: 600rpx;
  height: 900rpx;
  /* margin-left: 75rpx; */
  margin-top: 50rpx;
  /* position: absolute; */
  /* position: fixed; */
  /* top: 50rpx; */
}