app/meet/meet/addmeet.wxss

/* pages/my/meet/detail.wxss */
@import "../../pages/common.wxss";

@font-face {
  font-family: "iconfont";
  src: url("iconfont.eot?t=1559096289773");
  /* IE9 */
  src: url("iconfont.eot?t=1559096289773#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
      url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKcAAsAAAAABkwAAAJQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApUYwE2AiQDCAsGAAQgBYRtBzEbigXInpo8KUIbQwhFQm+LQTgb4uG/Nfb3zQ4mEomiWb3hpxOpJIiNkol80RL2/9baLKaROpjtabqEWcLryp8Vnx3UElXMuocCHQ+FR+RdAozrFwWRT9w7/RPog8wHlONeNNakSV1AXRxIAe6FUWSFEnjD2AUv8DGBWoOqcJtNHd0oTWavCsSTpggorRCRZZavFiobDmbxrkJ1ek0vkLfo+/FfOKpJKgp2085No4xqfnWKipdy2kVAiBLQ8QoUmIdk4qAxsyVRMC5RbSbJKHSs+uDXsgzc4qgOwf46u7Ye9EPlM6k89aPmEzzWRO2Q3kk/jGj318vkpaOTi43NPIVc7D4vlsN5fCp9vL///i3eOzl5F4lGIlzjKI/7+wtRDYSydNGDOASnrb9D17mL/9V1GXyq/4pCZdkwH1K9F2/wN1QD+7KhsV0pa6rG4aT9LC21alHCgVY/U60dpy6Eah0TfFUGMhSqjZOZnUeFOguoVG0FteY0H6/ThkoUuQazFgBCs1skjT5QaPZKZvYbFTr9oVJzFKh1FG0X1pmM+4wNCgIDGYsjWJMcm7gelhHXd4IyYAo0r4n4XqC+FschPljON4MNdIkt/qASZoxgQh0LN4HnwDQd7FJHB4nxKmNuLBAgTW/iJcdCGTZQQMAAGSYagWkkDhsJRjMZlc93AooBJgHt6Kkr9gKUT5seC+EFB5DNRntQz6O84hukCGMYAiMohwVrAvOAyeTA3OZ5OiBheOqElCsm4AwiQ4389mbr745BLduWwplZqHrWhBFNHEAIAAA=")
      format("woff2"),
    url("iconfont.woff?t=1559096289773") format("woff"),
    url("iconfont.ttf?t=1559096289773") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url("iconfont.svg?t=1559096289773#iconfont") format("svg");
  /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xiayibu:before {
  content: "\e644";
}

.more-right-arrow {
  color: #999999;
  font-size: 24rpx;
}

page {
  width: 100%;
  height: 100%;
  background-color: #fff;
  /* background-color: #f5f5f5; */
}

.service-detail-container {
  padding-bottom: calc(200rpx + constant(safe-area-inset-bottom));
  /*兼容 IOS<11.2*/
  padding-bottom: calc(200rpx + env(safe-area-inset-bottom));
  /*兼容 IOS>11.2*/
}

.meet-people {
  padding: 30rpx;
  background-image: linear-gradient(#fff, #fdfdfd);
}

.meet-people .people-info {
  display: flex;
  align-items: center;
  margin-bottom: 30rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
}

.meet-people .people-info .people-avatar {
  width: 150rpx;
  height: 150rpx;
  border-radius: 50%;
  margin-right: 20rpx;
  flex-shrink: 0;
}

.meet-people .people-info .people-name {
  font-size: 34rpx;
  color: #1a1a1a;
}

.meet-people .people-info .more-box {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 24rpx;
  color: #999999;
  width: 325rpx;
  flex-shrink: 0;
}

.meet-people .people-info .more-box .status-btn {
  width: 181rpx;
  height: 60rpx;
  background: #ffdc2f;
  border-radius: 30rpx;
  font-size: 28rpx;
  line-height: 60rpx;
  text-align: center;
  color: #1a1a1a;
  margin-right: 7rpx;
}
.canceled {
	width: 181rpx;
	height: 60rpx;
	background-color: #999999;
	border-radius: 30rpx;
	font-size: 28rpx;
	line-height: 60rpx;
	text-align: center;
	color: #ffffff;
	margin-right: 7rpx;
}
.meet-people .people-info .more-box .group-status {
  background: #3be5b2;
}

.meet-people .people-info .more-box .dispose-status {
  background: #ffb08d;
}

.meet-people .people-info .more-box .finish-status {
  color: #ffa836;
  background: #fffae1;
  border: 2rpx solid #ffa836;
}

.meet-people .box {
  margin-bottom: 10rpx;
  font-size: 24rpx;
  color: #666666;
}

.meet-people .consult {
  color: #ff9209;
}

.meet-people .tag {
  display: flex;
  flex-wrap: wrap;
}

.meet-people .label-tag {
  padding: 4rpx 16rpx;
  margin-right: 15rpx;
  margin-bottom: 15rpx;
  background: #f2f2f2;
  border-radius: 10rpx 0px 10rpx 0px;
}

.header {
  padding: 30rpx 0;
  background-color: #fff;
  font-size: 24rpx;
  font-weight: 400;
  font-family: "PingFang SC, PingFang SC-Regular";
  border-radius: 40rpx 40rpx 0 0;
  /* border-radius:40rpx; */
  margin-top: 20rpx;
  box-shadow: 0 0 40rpx #f2f2f2;
}
.bg-line {
	width: 750rpx;
	height:30rpx;
	background-color: #f5f5f5;
}
.header .title {
  margin-bottom: 35rpx;
  text-align: center;
  font-size: 28rpx;
  color: #1a1a1a;
}

.header .title .label {
  margin-right: 40rpx;
}

.header .title .label:last-child {
  margin-right: 0;
}

.header .title .text {
  color: #808080;
}

.header .invite-person {
  margin-bottom: 13rpx;
  font-size: 36rpx;
  text-align: center;
  font-weight: 500;
  color: #1a1a1a;
}

.header .invite-person .person-num {
  color: #ff0000;
}

.header .count-down {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30rpx;
  color: #808080;
  border-bottom: 1px dashed #f5f5f5;
  width: 690rpx;
  margin-left: 30rpx;
  padding-bottom: 30rpx;
}

.header .count-down .down-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header .count-down .down-box .num {
  width: 46rpx;
  height: 46rpx;
  background-color: #ec2e26;
  text-align: center;
  line-height: 46rpx;
  color: #ffffff;
  border-radius: 10rpx;
}

.header .count-down .down-box .colon {
  margin: 0 8rpx;
}

.header .dashed {
  margin: 0 30rpx 35rpx;
  border-bottom: 1rpx dashed #d9d9d9;
}

.header .result {
  margin-bottom: 21rpx;
  text-align: center;
  color: #808080;
}

.header .result .result-status {
  margin-right: 8rpx;
  font-size: 28rpx;
  color: #1a1a1a;
}

.header .succeed {
  margin-bottom: 34rpx;
  font-size: 36rpx;
  text-align: center;
  color: #1a1a1a;
}

.header .photo {
  display: flex;
  justify-content: center;
  margin-bottom: 17rpx;
}

.header .photo .img-box {
  position: relative;
  border-radius: 50%;
}

.header .photo .img-box:first-child:before {
  position: absolute;
  top: -20rpx;
  left: -30rpx;
  display: block;
  content: "拼主";
  width: 61rpx;
  height: 39rpx;
  background: #ffdc2f;
  border: 4rpx solid #ffffff;
  border-radius: 24rpx;
  font-size: 24rpx;
  text-align: center;
  line-height: 39rpx;
  z-index: 3;
}

.header .photo .img {
  width: 89rpx;
  height: 89rpx;
  margin-right: 30rpx;
  border-radius: 50%;
}

.header .photo .first-img {
  position: relative;
  width: 95rpx;
  height: 95rpx;
  margin-top: -10rpx;
}

.header .photo .empty-img {
  width: 91rpx;
  height: 91rpx;
  background: #ffffff;
  border: 2rpx dashed #999999;
  border-radius: 50%;
  text-align: center;
  line-height: 91rpx;
  color: #999999;
  font-size: 40rpx;
}

.header .share-text {
  font-size: 24rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  text-align: center;
  color: #808080;
}

.gary {
  height: 10rpx;
  background: #f5f5f5;
}

.detail {
  padding: 30rpx 30rpx 30rpx;
  font-size: 28rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  color: #808080;
  background-color: #ffffff;
}

.detail .title {
  margin-bottom: 20rpx;
  font-family: "PingFang SC, PingFang SC-Bold";
  font-weight: 700;
  color: #060606;
}

.detail .flow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30rpx;
}

.detail .flow .flow-introduce {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.detail .flow .flow-img {
  width: 40rpx;
  height: 40rpx;
  margin-bottom: 10rpx;
}

.detail .flow .flow-introduce:nth-child(1) .flow-img {
  width: 39rpx;
  height: 32rpx;
}

.detail .flow .flow-introduce:nth-child(2) .flow-img {
  width: 31rpx;
  height: 28rpx;
}

.detail .flow .flow-introduce:nth-child(3) .flow-img {
  width: 38rpx;
  height: 32rpx;
}

.detail .flow .flow-introduce:nth-child(4) .flow-img {
  width: 27rpx;
  height: 31rpx;
}

.detail .flow .flow-introduce:nth-child(5) .flow-img {
  width: 32rpx;
  height: 32rpx;
}

.detail .flow .right-arrow {
  width: 35rpx;
  height: 21rpx;
  margin-bottom: 40rpx;
}

.detail .tip {
  margin-bottom: 20rpx;
}

.detail .label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15rpx;
}

.label .price {
  font-size: 20rpx;
  font-family: "PingFang SC, PingFang SC-Medium";
  font-weight: 700;
  color: #ec2e26;
}

.label .price .num {
  font-size: 32rpx;
}

.detail .label .label-text {
  flex-shrink: 0;
  color: #060606;
}

.share {
  padding: 30rpx;
  background-color: #fff;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  font-size: 24rpx;
  color: #1a1a1a;
}

.share .title {
  margin-bottom: 15rpx;
  font-size: 28rpx;
  font-family: "PingFang SC, PingFang SC-Bold";
  font-weight: 700;
}

.share .share-people {
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
  font-size: 30rpx;
}

.share .share-people .avater {
  width: 83rpx;
  height: 83rpx;
  border-radius: 50%;
  margin-right: 18rpx;
}

.share .share-people .time {
  margin-left: auto;
  color: #999999;
}

.share .share-text {
  color: #666666;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  background-color: #fff;
}

.footer .btn-box {
  display: flex;
  padding: 30rpx 30rpx 0;
  justify-content: center;
  align-items: center;
}

.footer .btn {
  /* width: 220rpx; */
  flex: 1;
  height: 85rpx;
  background: #fffae1;
  border: 1rpx solid #ffa836;
  border-radius: 44rpx;
  text-align: center;
  line-height: 85rpx;
  font-size: 30rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  color: #ffa836;
  box-sizing: border-box;
  margin-right: 20rpx;
}

.footer .btn:last-child {
  margin-right: 0;
}

.footer .orange-btn {
  background: #ffa022;
  color: #1a1a1a;
  border: none;
}

.footer .yellow-btn {
  background: #ffdc2f;
  color: #1a1a1a;
  border: none;
}

.footer .text {
  height: 90rpx;
  text-align: center;
  line-height: 90rpx;
  font-size: 28rpx;
  font-family: "PingFang SC, PingFang SC-Bold";
  font-weight: 700;
  color: #ffa836;
  background: #fffae1;
}

.footer .refuse-text {
  color: #ff1010;
  background: #fff2f2;
}

.contactBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
  box-sizing: border-box;
}

.contactBox .box {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30rpx;
  border-radius: 20rpx 20rpx 0 0;
  background-color: #fff;
  box-sizing: border-box;
}

.contactItem {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 30rpx;
  color: #1a1a1a;
  padding: 30rpx 0;
}

.contactBox .cancel {
  padding: 30rpx 0;
  text-align: center;
}

.contactBox .gary {
  height: 10rpx;
  background-color: #f3f3f3;
}