app/expert/consult/consult.wxss

page {
	background-color: white;
}
/* 未选中的背景样式 */
.radio-self1 radio .wx-radio-input{
  width: 30rpx; 
  height: 30rpx; 
  border-radius: 50%;
  /* border: 1px solid #cccccc; */
}

/* 选中后的背景样式 */
.radio-self1 radio .wx-radio-input.wx-radio-input-checked{
   background: #ffffff;
   border: 1px solid #ffdc2f;
}

/* 选中后的勾子样式 */
.radio-self1 radio .wx-radio-input.wx-radio-input-checked::before{
  width: 15rpx;
  height: 15rpx;
  line-height: 15rpx;
  color: transparent;
  border-radius: 50%;
  text-align: center;
  background: #FFDC2F;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

  .hot-title {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  	height: 41rpx;
  	font-size: 34rpx;
	font-family: PingFang SC, PingFang SC-Bold;
	font-weight: 700;
  	color: #333333;
  	position: relative;
  }
  .hot-title .line {
  	position: absolute;
  	width: 6rpx;
  	height: 41rpx;
  	background: #ffdd36;
  	border-radius: 3rpx;
  	top: 0;
  	left: 0;
  	opacity: .5;
  }
.box1 {
	padding: 40rpx 30rpx 20rpx 30rpx;
	box-sizing: border-box;
	border-bottom: 1px solid #e6e6e6;
}
.radio-box1 {
	margin-top: 25rpx;
}
.radio-box1 .radio {
	margin-right: 44rpx;
	font-size: 26rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #333333;
	/* display: flex;
	align-items: center; */
}
.box1 .content {
	font-size: 24rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #999999;
	margin-top: 22rpx;
	text-indent: 40rpx;
}
.box2 {
	padding: 20rpx 30rpx;
	box-sizing: border-box;
	border-bottom: 1px solid #e6e6e6;
}
.top-box {
	display: flex;
	justify-content: space-between;
}
.top-box .name {
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #1a1a1a;
}
.top-box .more-word {
	font-size: 24rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #999999;
}

.empty {
  text-align: center;
  font-size: 24rpx;
}

.pin-item {
	display: flex;
	justify-content: space-between;
	height: 100rpx;
	align-items: center;
	width: 690rpx;
	border-bottom: 1px solid #E6E6E6;
}
.pin-item:last-child {
	border-bottom: none;
}
.pin-item .img-name {
	display: flex;
	align-items: center;
}
.pin-item .img-name .img{
	width: 65rpx;
	height: 65rpx;
	border-radius: 50%;
}
.pin-item .img-name .name{
	font-size: 24rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #808080;
	margin-left: 24rpx;
	width: 220rpx;
}
.pin-item .right-box {
	display: flex;
	flex: 1;
	justify-content: space-between;
	align-items: center;
}
.pin-item .right-box .nums{
	font-size: 24rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #808080;
}
 .tuan-btn{
	width: 146rpx;
	height: 60rpx;
	text-align: center;
	line-height: 60rpx;
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #ffffff;
	border-radius: 28rpx;
	background-color: #FFDC2F;
}
.box3 {
	padding: 47rpx 30rpx 30rpx 30rpx;
	box-sizing: border-box;
}
.box3 .name {
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #1a1a1a;
}
.radio-box2 {
	margin-top: 25rpx;
}
.radio-box2 .radio {
	margin-right: 124rpx;
	font-size: 26rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #333333;
	/* display: flex;
	align-items: center; */
}
.pin-nums {
	margin-top: 48rpx;
}
.radio-box3 {
	margin-top: 24rpx;
}
.radio-box3 .radio {
	margin-right: 104rpx;
	font-size: 26rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #333333;
	/* display: flex;
	align-items: center; */
}
.line {
	width: 750rpx;
	height: 10rpx;
	background: #f5f5f5;
}
.box4 {
	padding: 30rpx;
	box-sizing: border-box;
}
.box4 .title1 {
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #1a1a1a;
	margin-top: 25rpx;
}
.box4 .item {
	margin-top: 20rpx;
	display: flex;
	align-items: center;
	padding-bottom: 15rpx;
	justify-content: space-between;
}
.borbot {
	border-bottom: 1px solid #d9d9d9;
}
.item-date-time {
	display: flex;
	align-items: center;
}
.radio4 {
	font-size: 26rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #666666;
	display: flex;
	align-items: center;
}
.address-pick {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 690rpx;
}
.address-pick .picker {
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #bfbfbf;
}
.date-icon {
	font-size: 35rpx;
}
.picker-date {
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #bfbfbf;
	margin-left: 21rpx;
}
.time-pick {
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #bfbfbf;
	margin-left: 40rpx;
}
.see-free {
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	text-decoration: underline;
	color: #005ed9;
}
   .time-item {
	   border-bottom: 1px solid #e6e6e6;
	   height: 75rpx;
	   display: flex;
	   align-items: center;
   }
   .week-word {
	   font-size: 28rpx;
	   font-family: PingFang SC, PingFang SC-Regular;
	   font-weight: 400;
	   color: #808080;
   }
   .time-box {
	   display: flex;
	   align-items: center;
	   justify-content: space-between;
	   margin-left: 84rpx;
	   flex: 1;
	   font-size: 28rpx;
	   font-family: PingFang SC, PingFang SC-Regular;
	   font-weight: 400;
	   color: #808080;
   }
   .start-box {
	   font-size: 28rpx;
	   font-family: PingFang SC, PingFang SC-Regular;
	   font-weight: 400;
	   color: #808080;
   }
   .icon-time {
	   font-size: 30rpx;
   }
   .zhi {
	   font-size: 28rpx;
	   font-family: PingFang SC, PingFang SC-Regular;
	   font-weight: 400;
	   color: #808080;
   }
   .selt-btn {
   	display: flex;
   	justify-content: center;
   	padding-bottom: 65rpx;
   }
   .i-know {
   	width: 500rpx;
   	height: 80rpx;
   	background: #ffdc2f;
   	border-radius: 40rpx;
   	text-align: center;
   	line-height: 80rpx;
   	color: #333333;
   	font-size: 32rpx;
   }
.textarea {
	width: 690rpx;
	height: 214rpx;
	background: #fafafa;
	border: 1px solid #d9d9d9;
	border-radius: 14rpx;
	padding: 22rpx;
}
.progress {
	margin-top: 24rpx;
}
.progress-img {
	display: flex;
}
.img1 {
	width: 39rpx;
	height: 32rpx;
	margin-left: 7rpx;
}
.img2 {
	width: 31rpx;
	height: 28rpx;
	margin-left: 41rpx;
}
.img3 {
	width: 38rpx;
	height: 32rpx;
	margin-left: 63rpx;
}
.img4 {
	width: 27rpx;
	height: 30rpx;
	margin-left: 42rpx;
}
.img5 {
	width: 32rpx;
	height: 32rpx;
	margin-left: 40rpx;
}
.right1 {
	width: 35rpx;
	height: 21rpx;
	margin-left: 36rpx;
}
.right2 {
	width: 35rpx;
	height: 21rpx;
	margin-left: 39rpx;
}
.right3 {
	width: 35rpx;
	height: 21rpx;
	margin-left: 63rpx;
}
.right4 {
	width: 35rpx;
	height: 21rpx;
	margin-left: 42rpx;
}
.progress-word {
	display: flex;
	font-size: 26rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #333333;
	margin-top: 11rpx;
}
.tip {
	margin-top: 50rpx;
	font-size: 26rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #999999;
}
.btn-sub {
	width: 690rpx;
	height: 85rpx;
	background: #ffdc2f;
	border-radius: 43rpx;
	position: fixed;
	left: 30rpx;
	text-align: center;
	line-height: 85rpx;
	font-size: 30rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #ffffff;
	z-index: 666;
}
.ping-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100rpx;
	border-bottom: 1px solid #e6e6e6;
}
.ping-item .img-info {
	display: flex;
}
.img-head {
	width: 65rpx;
	height: 65rpx;
	border-radius: 50%;
}
.ping-item .info-box {
	margin-left: 28rpx;
}
.ping-item .info-box .name{
	font-size: 24rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #333333;
	text-align: left;
}
.ping-item .info-box .bot-box{
	font-size: 20rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #333333;
}
.yin {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
}
.address-popup {
	width: 750rpx;
	background: #ffffff;
	border-radius: 50rpx 50rpx 0 0;
	position: fixed;
	z-index: 1000;
	bottom: 0;
}
.address-popup .title-box {
	position: relative;
	text-align: center;
	margin-top: 37rpx;
}
.address-popup .title-box .title {
	font-size: 36rpx;
	font-family: PingFang SC, PingFang SC-Bold;
	font-weight: 700;
	color: #1a1a1a;
}
.address-popup .title-box .cancel-word {
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #ffc12f;
	position: absolute;
	right: 60rpx;
	top: 5rpx;
}
.line-popup {
	width: 64rpx;
	height: 8rpx;
	background: #cccccc;
	margin-top: 12rpx;
	margin-left: 50%;
	transform: translateX(-50%);
}
.picker-view {
	width: 750rpx;
	height: 300rpx;
}
.picker-view .type-item {
	height: 102rpx !important;
	line-height: 102rpx !important;
	font-size: 30rpx;
	font-family: PingFang SC, PingFang SC-Regular;
}
.pick-item {
	height: 102rpx;
	display: flex;
	justify-content: space-between;
	padding: 0 60rpx;
	align-items: center;
}
.pick-item .item {
		color: #B3B3B3;
		font-size: 30rpx;
		font-family: PingFang SC, PingFang SC-Regular;
	}
.pick-item .active-type {
		color: #1a1a1a;
	}
.pick-item .item:last-child {
		border-bottom: none;
}
.detail-word {
	font-size: 30rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #b3b3b3;
}
.active-detail {
	font-size: 30rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #005ed9;
}
.pick-btn {
	width: 630rpx;
	height: 85rpx;
	background: #ffdc2f;
	border-radius: 43rpx;
	font-size: 30rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	text-align: center;
	color: #1a1a1a;
	margin-left: 60rpx;
	line-height: 85rpx;
}
.end-btn {
	width: 146rpx;
	height: 60rpx;
	text-align: center;
	line-height: 60rpx;
	background-color: #E6E6E6;
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	color: #ffffff;
	border-radius: 28rpx;
}