crm-mobile/pages_crm/style/detail.scss

.uni-app {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	.top-container {
		width: 100%;
	}
	
	.main-container {
		width: 100%;
		flex: 1;
		display: block;
		overflow-y: auto;
		
		.header-top {
			position: relative;
			width: 100%;
			padding-bottom: 30rpx;
			.bg {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 160rpx;
			}
			.card {
				position: relative;
			  width: calc(100% - 64rpx);
			  border-radius: 10rpx;
			  background-color: white;
			  box-shadow: 0 14rpx 16rpx 0 rgba(28,108,255,0.10);
			  padding: 10rpx;
			  margin: 0 auto;
			}
		}
		
		/**
		 * 相关信息
		 */
		.detail-about-container {
			padding: 0 20rpx 10rpx;
		}
	}
}

// 标题
.title-cell {
	font-size: 30rpx;
	padding: 20rpx 24rpx;
	@include left;
	.type-icon {
		width: 48rpx;
		height: 48rpx;
	}
	
	.title-text {
	  flex: 1;
	  font-size: 32rpx;
	  font-weight: 500;
	  margin-left: 25rpx;
	  @include ellipsis;
	}
	
	.title-status {
	  font-size: $wk-font-mini;
	  line-height: normal;
	  padding: 5rpx 18rpx;
	  border-radius: 4rpx;
	  margin-left: 10rpx;
	
	  .wk {
	    margin-right: 10rpx;
	    font-size: 26rpx;
	  }
	}
	
	.num {
	  font-size: 26rpx;
	  color: #666;
	  margin-left: 15rpx;
	}
}

// 主要信息
.main-info {
	font-size: 24rpx;
	color: $gray;
	padding: 0 32rpx;
	margin-top: 20rpx;
	.info-item {
		margin-bottom: 15rpx;
		@include left;
		.icon {
			width: 36rpx;
			height: 36rpx;
			margin-right: 15rpx;
			&.phone {
				width: 32rpx;
				height: 32rpx;
			}
		}
	}
}

.main-info {
	margin-bottom: 25rpx;
}

// header section cell
.relevance-cell {
  font-size: 28rpx;
  line-height: 1;
  border-top: 1rpx solid $border-color;
  background-color: white;
  padding: 24rpx 25rpx;
  @include left;
  .cell-icon {
		width: 46rpx;
		height: 46rpx;
    color: $theme-color;
    font-size: $wk-font-large;
    margin-right: 20rpx;
  }
  .cell-body {
    flex: 1;
		color: $theme-color;
    font-size: $wk-font-medium;
		font-weight: 500;
    margin-right: 10rpx;
  }
  .cell-link {
    font-size: $wk-font-sm;
    line-height: inherit;
  }
}

// 首要联系人
.main-user {
  color: $dark;
  padding: 20rpx 25rpx;
  margin-top: 20rpx;
	.cell-icon {
		width: 42rpx;
		height: 42rpx;
		border: 1rpx solid $theme-color;
		border-radius: 50%;
		margin-right: 10rpx;
		@include center;
		.icon {
			font-size: 24rpx;
			color: $theme-color;
		}
	}
	.mobile {
		color: $theme-color;
		line-height: 1;
		font-size: 28rpx;
		margin-right: 10rpx;
	}
}

/* 审核控制按钮 */
.check-box {
  width: 100%;
  font-size: 30rpx;
  background-color: white;
  padding: 20rpx 15rpx;
  border-top: 1rpx solid $border-color;
  display: flex;
  align-content: center;
  justify-content: space-between;
  .btn {
    flex: 1;
    height: 75rpx;
    line-height: 1.2;
    color: white;
    font-size: $wk-font-base;
    border-radius: 6rpx;
    margin-right: 5%;
    @include center;
    &:last-child {
      margin-right: 0;
    }
    &.success {
      background-color: #2DB76F;
    }
    &.error {
      background-color: #F75759;
    }
    &.cancel {
      background-color: #606365;
    }
    .icon {
      font-size: 30rpx;
      margin-right: 20rpx;
    }
  }
  .audit-status {
    flex: 1;
    font-size: 28rpx;
    color: $gray;
  }
}

.wk-tabs {
  &.border {
    border-bottom: 1rpx solid #e6e6e6;
  }
  .wk-tab-item {
    font-size: 29rpx;
  }
}