examTeamApp/scss/body.scss

.tabbar {
		width:calc(100% - 30px);
		padding:10px 15px 15px;
		display: flex;
		align-items: center;
		justify-content: space-around;

		view {
			position: relative;
		}

		.active:after {
			content: "";
			height: 3px;
			width: 100%;
			position: absolute;
			bottom: -5px;
			left: 0;
			border-radius: 5px;
			background: $maincolor;
		}
	}
	// 头条
	.notice {
		width: 100%;
		display: flex;
		align-items: center;
		background-color: #fff;
		margin-top: 15px;
		margin-bottom: 15px;
		border-radius: 10px;
	
		text {
			width: 60px;
			font-size: 18px;
			color: red;
			font-weight: bold;
			text-align: center;
			border-right: 1px solid #dfdfdf;
		}
	
		/deep/swiper {
			width: calc(100% - 15px);
			height: 40px;
			line-height: 40px;
			margin-left: 15px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	
	}
	
	// banner
	.f_banner {
		width: calc(100% - 20px);
		height: 330rpx;
		margin: 20rpx;
	
		/deep/swiper {
			height: 330rpx;
		}
	
		image {
			width: 100%;
			height: 100%;
			border-radius: 10px;
			background-size: 100%;
		}
	}

	// 曲线
	.charts {
		.boxTime {
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #fff;
			border-radius: 10px 10px 0 0;

			.one {
				width: 100%;
				display: flex;
				line-height: 25px;
				justify-content: space-between;
				align-items: center;
			}

			.center {
				width: 10%;
				margin: 0 15px;
			}

			picker {
				width: 50%;
				border: none;
				display: flex;
				justify-content: center;
			}

			.iconfont {
				color: #333333;
				font-size: 36rpx;
			}

		}

		.box {
			width: 100%;
			padding: 0;
			margin: 0;
			display: flex;
			flex-wrap: wrap;
			border-radius: 0 0 10px 10px;
			justify-content: space-between;

			.listC {
				background-color: #fff;

				.name {
					width: 20%;
					padding: 0 15px;
					font-size: 32rpx;
					text-align: center;
					border-radius: 5px;
					height: 30px;
					line-height: 30px;
				}

				.active2 {
					color: #fff;
					background: $maincolor;
				}

			}

			.blockC {
				clear: both;
				width: 100%;
				height: 250px;
				background-color: #fff;
				border-radius: 0 0 10px 10px;
				padding-bottom: 15px;
			}
		}

		.gridList {
			margin: 0px !important;
			width: 100% !important;

		.info {
			width: 100%;
			display: flex;
			justify-content: space-between;

			.item {
				color: #fff;
				width: 48%;
				height: 120upx;
				background: $maincolor;
				text-align: center;
				border-radius: 10px;
				display: flex;
				justify-content: center;
				align-items: center;

				text {
					width: 70upx;
					height: 70upx;
					border-radius: 50%;
					margin-right: 10px;
					display: inline-block;
					background-color: #fff;
				}
			}
		}
			.data {
				.item {
					display: block !important
				}
			}

		}
	}

	// 报告
	.report {
		.box {
			padding: 10px 10px 0;
			background-color: #fff;
			border-radius: 10px;
			display: block;
			margin: 15px 10px;

			.time {
				color: #999;
				padding-bottom: 15px;
				width: 100%;
			}

			.item2 {
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;

				.item2_data {
					width: 33%;

					.data {
						width: 100%;
						text-align: center;
						border-right: 1PX solid #f7f7f7;
					}

					text {
						font-size: 40rpx !important;
						font-weight: bold;
					}
				}
			}
		}

		.box2 {
			height: 50px;
			line-height: 50px;
			border-radius: 10px;
			display: flex;
			padding: 0 10px;
			justify-content: space-between;
			margin: 10px;
			background-color: #fff;
		}

		.info {
			width: 100%;
			display: flex;
			justify-content: space-between;

			.item {
				color: #fff;
				width: 48%;
				height: 120upx;
				background: $maincolor;
				text-align: center;
				border-radius: 10px;
				display: flex;
				justify-content: center;
				align-items: center;

				text {
					width: 70upx;
					height: 70upx;
					border-radius: 50%;
					margin-right: 10px;
					display: inline-block;
					background-color: #fff;
				}
			}
		}

		.myinfoPage {
			width:100% ;
			background: #fff;
			margin: 10px 0;
			padding-bottom: 0px;
			border-radius: 10px;

			.box1 {
				display: flex;
				flex-wrap: wrap;
				border-radius: 10px;
				font-size: 32rpx;
				position: relative;
				margin: 0px 15px 0;
				padding-bottom: 10px;

				.list {
					width: 100%;
					color: #666;
					padding: 0;
					line-height: 50px;
					image,
					.t-icon {
						width: 18px !important;
						height: 18px;
						border: 2px solid #c7c7c7;
						background-color: #c7c7c7;
						border-radius: 50%;
						margin-right: 5px;
					}

					.block {
						width: 100%;
						display: flex;
						justify-content: space-between;
						align-items: center;
						color: #666;
						position: relative;

						.level,
						.val {
							width: 25%;
						}

						.name {
							width: 40%;
							display: flex;
							align-items: center;
						}

						.icon {
							width: 20px;
							text-align: right;
							display: flex;

							image {
								width: 20px;
								height: 20px;
							}
						}
					}
				}
			}
		}

		.desc {
			line-height: 20px;
			text-align: left;
			width: calc(100%-20px);
			height: auto;
			border-radius: 5px;
			font-size:30rpx;
			color: #999;
			padding: 10px;
			background: #f7f7f7;


			.statuevue {
				height: 35px;
				position: relative;
				width: 100% !important;
				margin: 20px auto 10px;

				.bi {
					display: flex;
					justify-content: space-between;
					width: auto;
					padding-top: 10px;

					.peobox {
						position: absolute;
						right: 0;
						top: -1px;
						z-index: 999;

						.xx {
							width: 5px;
							height: 5px;
							border-radius: 50%;
							background: #fff;
							position: absolute;
							z-index: 9;
							border: 2px solid #1b2086;
							top: 9px;
						}
					}
				}

				.item {
					position: relative;
					margin: 0;
					flex: 1;
					height: 5px;
					color: #666;
					font-size:30rpx;

					.span1 {
						width: 100%;
						text-align: center;
						position: absolute;
						top: -23px;
					}

					.span {
						margin-top: 8px;
						position: absolute;
						right: -8px;
					}
				}
			}
		}

		.yuanxing {
			display: inline-block;
			background: #f19601;
			width: 8px;
			height: 12px;
			margin-right: 5px;
			font-size: 36rpx;
		}

		.btnf {
			font-size: 28rpx;
			border-radius: 5px;
			height: 22px;
			margin: 0 10px 0 0;
			line-height: 22px;
			color: #fff;
			font-weight: 400;
			width: 44px !important;
			text-align: center !important;
			float: right;
		}

		.tivon {
			display: flex;
			justify-content: center;
			align-content: center;
			align-items: center;

			.bianji {
				width: 20px;
				height: 20px;
				margin-left: 5px;
			}
		}

		.box1 :last-child.list {
			.val {
				width: 25% !important;
			}
		}


		.kcalClass {
			width: 100%;
			text-align: center;
			font-size: 36rpx;
			line-height: 55px;
			margin: -20px auto;
		}

		.yichang {
			background: #ffe4be;
			color: #ff4239;
			padding: 5px;
			text-align: center;
			border-radius: 5px;
			margin: 0 15px 10px;
		}

		.tips {
			font-size:30rpx;
			line-height: 20px;

			text {
				display: inline-block;
				width: 100%;
			}
		}

		.jianyi_box {
			background-color: #fff;
			border-radius: 10px;
			padding: 5px 10px 15px;
			width: calc(100% -20px);
			margin: 10px 0;
		}

		.jianyi {
			display: flex;
			margin: 0 -15px;
			justify-content: space-between;

			view {
				display: flex;
				flex-wrap: wrap;
				align-content: center;
				align-items: center;
				justify-content: center;
				width: 20%;
				margin: 0px 2.5% 0;

				image {
					width: 25px;
					height: 25px;
				}

				text {
					width: 100%;
					text-align: center;
					margin-top: 10px;
					font-size:28rpx;
					color: #666;
				}
			}

			.active {
				border-bottom: 2px solid #f19601;
				padding-bottom: 5px;
				margin: 17px 2.5% 0;
			}
		}

		.jianyi-con {
			margin-top: 15px;
			background: #f7f7f7;
			padding: 10px;
			font-size:28rpx;
			line-height: 20px;
			border-radius: 10px;
		}

		.tips2 {
			color: #999;
			margin-top: 15px;
			font-size:30rpx;
			display: flex;
			align-items: center;
		}


		/deep/.uni-collapse-item {
			width: 100% !important;
		}

		/deep/.uni-collapse-item__title-arrow {
			margin-right: 0 !important;
		}

		/deep/.uni-collapse-item__wrap-content.uni-collapse-item--border {
			border-bottom-width: 0
		}
	}
	
	.wrapper {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 999;
	
		.bg {
			position: fixed;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.4);
			z-index: 99;
		}
	
		.edit {
			width: 90%;
			height: auto;
			background: #fff;
			border-radius: 10px;
			position: relative;
			top: 23%;
			padding: 5px;
			margin: auto;
			z-index: 99999;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			
			/deep/swiper{
				min-height: 540rpx;
				text-align: center;
			}
	
			image {
				width: 100%;
				height: 450rpx;
				margin-top: 10px;
			}
		}
	
		.clear {
			position: absolute;
			right: 3px;
			top: 0px;
			background-color: #fff;
			border-radius: 50%;
		}
	}