diagnosis_app/views/patientItems/detail/index.scss

	.content{
		padding: 0 48upx 150upx;
		word-wrap: break-all;
		word-break: normal;
		.tip{
			font-size: 28upx;
			color: #3384FF;
			background: #F0F8FF;
			border-radius: 12upx;
			padding: 24upx 12upx;
			margin: 24upx auto;
		}
		.item{
			.item-head{
				padding: 30upx 0;
				&.between{
					display: flex;
					justify-content:space-between;
					align-items: center;				
				}
				button{
					float: right;
				}				
				.title{
					display: flex;
					justify-content: flex-start;
					align-items: center;	
					.dot{
						width: 36upx;
						height: 36upx;
						border-radius: 50%;
						position: relative;
						background:rgba(51, 132, 255,0.2);
						&::after{
							width: 18upx;
							height: 18upx;
							border-radius: 50%;						
							display:block ;
							content: "";
							position: absolute;
							left: 50%;
							top: 50%;
							margin-top:-8upx ;
							margin-left:-8upx ;
							background: #3384FF;
						}
					}
					.name{
						font-size: 30upx;
						color: #0a0a0a;
						padding-left: 15upx;
					}							
				}
			}
			.desc,.aiDiagnose{
				// display: -webkit-box;
				// -webkit-box-orient: vertical;
				// -webkit-line-clamp: 3; 
				// overflow: hidden;
				text-align: justify;
				color: #333;
				line-height: 40upx;
			}
			.tags{
				padding-top: 16upx;
				.item{
					display: inline-block;
					color: #409eff;
					border: 1px solid #d9ecff;
					background-color: #ecf5ff;
					margin-right: 8upx;
					padding: 4upx 12upx;
					border-radius: 4upx;
					font-size: 22upx;
				}
			}
			&.doctor-info{
				.user{
					display: flex;
					justify-content: flex-start;
					align-items: center;
					padding-bottom: 18upx;
					.avatar{
						display: block;
						width: 72upx;
						height: 72upx;
						border-radius: 50%;
					}
					.info{
						padding-left: 16upx;
						.user-name{
							font-size: 24upx;
							color: #333;
						}
						.user-tags{
							font-size: 22upx;
							color: #666;
							padding-top: 8upx;
						}
					}
				}
				.hospital{
					.hospital-name{
						font-size: 22upx;
						color: #666;	
						padding-right: 12upx;
					}
					.hospital-level{
						font-size: 18upx;
						color: #3384FF;	
						padding: 6upx 8upx;
						background-color: #EDF4FF;
					}					
				}
				.specialty{
					line-height: 34upx;
					padding-top: 21upx;
					.specialty-head{
						color:#3384FF;
						position: relative;
						&::after{
							width: 40%;
							height: 6upx;
							display: block;
							content: "";
							position: absolute;
							left: 50%;
							transform: translateX(-50%);
							bottom: -5upx;
							background-color:#FA6400;
							z-index: 999;
						}
					}
					.specialty-message{
						font-size: 22upx;
						color: #999;	
						padding-left: 7upx;
					}
				}
			}
			&.assist-container{
				.head-highlight{
					color: #3384ff;
					font-size: 30upx;
				}			
			}
			&.image-container{
				.item-cont{
					display: flex;
					justify-content: flex-start;
					flex-direction: column;
					.imgbox{
						width: 220upx;
						height: 220upx;
						border-radius: 6upx;
						overflow: hidden;
						margin-right: 15upx;
						border: 1px solid #eaeaea;
						.image-pic{
							display: block;
							width: 220upx;
							height: 220upx;					
						}
					}					
				}
			}
		}
		.handle-wrap{
			&{
				width: 100%;
				position: fixed;
				bottom: 0;
				left: 0;
				padding: 10upx 0;
			}			
		}
		.submit-BT{
			width: 702upx;
			height: 100upx;
			line-height: 100upx;
			text-align: center;
			background-color: #3384FF;
			border-radius: 12upx;	
			color: #fff;
			font-size: 32upx;
			margin: 0 auto;
			&.appraise{
				background-color: #FA6400;
			}
			&.recommend{
				width: 500upx;
				margin: 20upx auto;
			}
		}	
		.appraise-wrap{
			position: fixed;
			left: 0;
			bottom: 0;
			right: 0;
			top: 0;
			z-index: 999;
			.appraise-wrap-mask{
				width: 100%;
				height: 100%;
				background-color: rgba(0,0,0,0.6);
				display: flex;
				align-items: flex-end;	
				.appraise-container{
					width: 100%;
					padding: 0 32upx 20upx;
					background-color: #fff;
					box-sizing: border-box;
					.appraise-title{
						height: 96upx;
						border-bottom: 1px solid #e5e5e5;
						text-align: center;
						line-height: 96upx;
						font-size: 32upx;
						color: #323233;
						position: relative;
						.closeBt{
							width: 100upx;
							height: 96upx;
							position: absolute;
							right: 10upx;
							top:0;
							.close{
								display: block;
								width: 50upx;
								height: 50upx;
								position: relative;
								margin: 23upx auto;
								transform: rotate(45deg);
								&::after{
									width: 4upx;
									height: 50upx;
									position: absolute;
									display: block;
									content: "";
									left: 50%;
									top: 50%;
									transform: translate(-50%,-50%);
									background-color: #C8C9CC;
								}
								&::before{
									width: 50upx;
									height: 4upx;
									position: absolute;
									display: block;
									content: "";
									left: 50%;
									top: 50%;
									transform: translate(-50%,-50%);	
									background-color: #C8C9CC;							
								}							
							}							
						}
					}
					.appraise-cont{
						.item{
							height: 88upx;
							border-bottom: 1px solid #ccc;
							.radio{
								height: 100%;
								display: flex;
								justify-content: flex-start;
								align-items: center;							
								.star{
									padding-left: 20upx;
								}							
							}
						}
						padding-bottom: 66upx;
					}
					.submit-BT{
						width: auto;
					}							
				}		
			}				
		}		
	}