body {
	font-size: 0.12rem;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* 竖屏 */
@media screen and (orientation:portrait){

	#cepingjiemian{
		width: 100%;
		height: 100%;
		background-color: transparent!important;
		font-size: 0.12rem;
	}
	
	.ti {
	  width: 100%; /* 设置容器宽度 */
	  height: 10vh;
	  overflow-x: auto; /* 启用横向滚动 */
	  overflow-y: hidden; /* 隐藏竖向滚动 */
	  white-space: nowrap; /* 防止子元素换行 */
	  -webkit-overflow-scrolling: touch; /* 在iOS上启用平滑滚动 */
	  padding: 2vh 0.5vh 2vh 0.5vh;
	}
	
	.ti-ul {
	  display: inline-block; /* 使ul不占满整行 */
	  padding: 0; /* 移除默认内边距 */
	  margin: 0; /* 移除默认外边距 */
	  list-style: none; /* 移除列表标记 */
	  white-space: nowrap; /* 防止li换行 */
	}
	
	.ti-li {
	  display: inline-block; /* 水平排列li */
	  vertical-align: top; /* 顶部对齐 */
	  margin-right: 10px; /* 可选：设置li之间的间距 */
	}
	
	.tiItem {
		width: 8vh;
		height: 5vh;
		/* border: #98aaf8 1px solid; */
		border: #48C6FF 1px solid;
		border-radius: 1vh;
		text-align: center;
		line-height:5vh;
	}
	
	.ti::-webkit-scrollbar {
	  height: 2px;
	}
	.ti::-webkit-scrollbar-track {
	  background: #f1f1f1;
	}
	.ti::-webkit-scrollbar-thumb {
	  background: #888;
	  border-radius: 3px;
	}
	.ti::-webkit-scrollbar-thumb:hover {
	  background: #555;
	}
	
	.ti .ti-ul div.tiItem p {
		font-size: 1.5vh;
		text-align: center;
	}
	
	.ti .ti-ul div.tiItem:nth-child(1) {
		font-size: 1.5vh;
		text-align: right;
	}
	
	
	/* 题 */
	.tigan{
		height: calc(100vh - 30vh);
		overflow-y: auto;
		margin-top: 10vh; /* 与.ti高度一致 */
		-webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
		margin: 0.2rem 0.0rem;
	}
	
	.questionType{
		font-weight: bold;
		padding: 0 0.2rem ;
	}
	
	.stem{
		width: 100%;
		margin-top: 10px;
		padding: 0 0.2rem ;
	}
	
	.kae{
		margin-top: 20px;
		padding: 0 0.2rem 
	}
	
	.zuoda{
		width: 100%;
		display: inline-block;
		text-align: center;
		margin: 0.2rem 0.0rem;
	}
	
	
	
	.mui-card{
		background-color: transparent!important;
		border: none!important;
		box-shadow: none!important;
	}
	
	/*单选按钮&多选按钮*/
	.keguan{
		display: flex;
		height: 50px;
		line-height: 50px;
		margin: 0 auto;
		/* border: 1px solid rebeccapurple; */
		text-align: center;
	}
	
	.keguanXuanXiang{
		flex: 3;
		display: inline-block;
	}
	
	.buhui{
		flex: 2;
		text-align: left;
	}
	
	
	/* 单选按钮和多选按钮样式控制 */
	.btn-xuanze{
		margin-left: 5px;
	}
	
	.btn-group {
	  display: flex;
	  gap: 4px;
	  margin-bottom: 20px;
	}
	
	.btn {
	  padding: 8px 16px;
	  border: 1px solid #ddd;
	  background: white;
	  border-radius: 4px;
	  cursor: pointer;
	  transition: all 0.3s;
	}
	
	.btn:hover {
	  background: #f5f5f5;
	}
	
	.btn.active {
	  background: #1890ff;
	  color: white;
	  border-color: #1890ff;
	}
	
	.btn.disabled {
	  opacity: 0.6;
	  cursor: not-allowed;
	}
	
	
	/* 不会做按钮样式控制 */
	.mui-radio,.mui-checkbox{
		display: inline-block;
		background-color: transparent!important;
	}
	
	.mui-radio input, 
	.mui-checkbox input {
		vertical-align: middle;
		transform: scale(0.6);
		margin-top: -8px;
	}
	
	.mui-radio input:checked + label:before,
	.mui-checkbox input:checked + label:before {
	  color: #48C6FF;
	}
	
	.tijiaoCheckBox{
		width:30%;
		height:5vh;
		margin-top:5px;
		display: inline-block;
		text-align: center;
		line-height: 5vh;
		background-color: #48C6FF;
		border-radius: 3px;color:white;
	}
	
	.button-row {
	  display: flex;
	  flex-wrap: wrap;
	}
	
	.mui-btn {
		flex: 1;
		background-color: #48C6FF!important;
		border: none;
		color: #f1f1f1;
	}
	
	/*上传*/
	.mui-textfield{
		text-align: center;
	}
	
	.uploadImg{
		display: flex;
	}
	
	.image-list{
		display: inline-block;
		width: 50%;
		flex:1;
		border: 1px dashed #48C6FF;
		margin-top: 2vh;
		overflow: auto;
		padding: 5px;
		min-height: 150px;
	}
	.image-item{
		margin-top: 1vh;
	}
	
	.title{
		font-size: 0.12rem;
		color: #48C6FF;
	}
	
	.image-preview{
		margin: 5px 0;
		text-align: center;
	}
	
	/*提交按钮*/
	.qiehuan{
		height: 8vh;
		display: flex;
		position: fixed;
		bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 9;
		/* border: 1px solid rebeccapurple; */
	}
	
	
	.qiehuan .anniu{
		flex: 1;
		line-height: 8vh;
		display: inline-block;
	}
	
	.tijiaoAll,.pre,.next{
		font-size: 0.15rem;
		text-align: center;
		color:#48C6FF;
	}
	
	
	/* 裁剪界面样式 */
	
	/* 全屏遮罩层 */
	.modal {
	  position: fixed;
	  top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 9999;
	  background: rgba(255, 255, 255, 1);
	  margin: 0;
	  padding: 0;
	}
	
	/* 全屏容器 */
	.mui-modal__container {
	  width: 100%;
	  height: 100%;
	  max-width: none;
	  margin: 0;
	  border-radius: 0;
	  display: flex!important;
	  justify-content: center!important;
	  flex-direction: column;
	  touch-action: none; /* 允许 Cropper.js 处理触摸事件 */
	  user-select: none;  /* 防止触摸时选中文本 */
	}
	
	#image-to-crop {
		/* max-width: 100%;
		max-height: 100%; */
		text-align: center;
		object-fit: contain; /* 保持比例，完整显示 */
	}
	
	/* 内容区域自适应 */
	.mui-modal__content {
	  flex: 1; /* 占据剩余空间 */
	  min-height: 0; /* 防止 flex 溢出 */
	  display: flex!important;
	  text-align: center;
	  justify-content: center;
	  align-items: center;    /* 垂直居中 */
	  background-color: #ffffff!important; /* 背景色（可选） */
	  overflow: hidden; /* 防止图片溢出 */
	  width: 100%;
	  height: 100%;
	  border: 1px dashed #48C6FF;
	}

	/* 移动端优化 */
	@media (max-width: 768px) {
	.mui-modal__header,
	.mui-modal__footer {
		padding: 12px;
	  }
	}
	

	.mui-modal__content::v-deep .cropper-container {
	  background-color: #ffffff; /* 白色背景 */
	  border: 1px solid #ddd;   /* 添加边框 */
	  position: relative;
	}
	
	.mui-modal__content::v-deep .cropper-crop-box {
	  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.3);
	}
	
	.cropper-crop-box, .cropper-point {
	  touch-action: none; /* 确保裁剪框和四个角可触摸 */
	}
	
	.cropper-point {
	  width: 15px !important;
	  height: 15px !important;
	}
	
	


	
	
	
	
	
}


/* 横屏 */
@media screen and (orientation:landscape){
	body {
		font-size: 0.12rem;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	.container {
	    flex-direction: row; /* 横屏时横排 */
	  }
	
	#cepingjiemian{
		background-color: transparent!important;
		font-size: 0.12rem;
	}
	
	.mui-content{
		height: 100vh;
		display: flex;
	}
	
	.ti {
		flex:1;
		overflow-y: auto; /* 启用竖向滚动 */
		overflow-x: hidden; /* 隐藏横向滚动 */
		-webkit-overflow-scrolling: touch; /* 在iOS上启用平滑滚动 */
		/* padding: 2vh 0.5vh 2vh 0.5vh; */
		/* padding-bottom: 2vh; */
	}
	
	.ti-ul {
	  list-style: none; /* 移除列表标记 */
	}
	
	.tiItem {
		width: 15vh;
		height: 10vh;
		/* border: #98aaf8 1px solid; */
		border: #48C6FF 1px solid;
		border-radius: 1vh;
		text-align: center;
		line-height:10vh;
		margin-top: 5px;
	}
	
	.ti::-webkit-scrollbar {
	  width: 1px;
	}
	.ti::-webkit-scrollbar-track {
	  background: #f1f1f1;
	}
	.ti::-webkit-scrollbar-thumb {
	  background: #888;
	  border-radius: 3px;
	}
	.ti::-webkit-scrollbar-thumb:hover {
	  background: #555;
	}
	
	.ti .ti-ul div.tiItem p {
		font-size: 1.5vh;
		text-align: center;
	}
	
	.ti .ti-ul div.tiItem:nth-child(1) {
		font-size: 1.5vh;
		text-align: right;
	}

	.tigan{
		flex:6;
		height: calc(100vh - 40vh);
		margin-top: 10vh; /* 与.ti高度一致 */
		/* border: 1px solid rebeccapurple; */
		overflow-y: auto; /* 启用竖向滚动 */
		overflow-x: hidden; /* 隐藏横向滚动 */
		-webkit-overflow-scrolling: touch; /* 在iOS上启用平滑滚动 */
		margin: 0.15rem;
	}
	
	
	.zuoda{
		width: 100%;
		text-align: center;
		margin: 0.5rem 0.0rem;
	}
	
	.questionType{
		font-weight: bold;
		padding: 0 0.2rem ;
	}
	
	.mui-card{
		background-color: transparent!important;
		border: none!important;
		box-shadow: none!important;
	}
	
	/*单选按钮&多选按钮*/
	.keguan{
		display: flex;border: 1px solid rebeccapurple;
	}
	
	
	.keguanXuanXiang{
		display: flex;
		text-align: center;
	}
	

	.mui-radio,.mui-checkbox{
		display: inline-block;
		flex:1;
		background-color: transparent!important;
	}
	
	.mui-radio input, 
	.mui-checkbox input {
		vertical-align: middle;
		transform: scale(0.6);
		margin-top: -8px;
	}
	
	.mui-radio input:checked + label:before,
	.mui-checkbox input:checked + label:before {
	  color: #48C6FF;
	}
	
	
	.mui-btn {
		flex: 1;
		background-color: #48C6FF!important;
		border: none;
		color: #f1f1f1;
	}
	/*上传*/
	.mui-textfield{
		text-align: center;
	}
	
	.uploadImg{
		display: flex;
	}
	
	.image-list{
		display: inline-block;
		width: 50%;
		flex:1;
		border: 1px dashed #48C6FF;
		margin-top: 2vh;
		overflow: auto;
		padding: 5px;
		min-height: 150px;
	}
	.image-item{
		margin-top: 1vh;
	}
	
	.title{
		font-size: 0.12rem;
		color: #48C6FF;
	}
	
	.image-preview{
		margin: 5px 0;
		text-align: center;
	}
	
	.qiehuan{
		height: 10vh;
		display: flex;
		position: fixed;
		bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 9;
		/* border: 1px solid rebeccapurple; */
	}
	
	
	.qiehuan .anniu{
		flex: 1;
		line-height: 10vh;
		text-align: center;
		display: inline-block;
	}

	.tijiaoAll,.pre,.next{
		font-size: 0.15rem;
		text-align: center;
		color:#48C6FF;
	}
	
	
	
	/* 裁剪界面样式 */
	
	/* 全屏遮罩层 */
	.modal {
	  position: fixed;
	  top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 9999;
	  background: rgba(255, 255, 255, 1);
	  margin: 0;
	  padding: 0;
	}
	
	/* 全屏容器 */
	.mui-modal__container {
	  width: 100%;
	  height: 100%;
	  max-width: none;
	  margin: 0;
	  border-radius: 0;
	  display: flex!important;
	  justify-content: center!important;
	  flex-direction: column;
	  touch-action: none; /* 允许 Cropper.js 处理触摸事件 */
	  user-select: none;  /* 防止触摸时选中文本 */
	}
	
	#image-to-crop {
		/* max-width: 100%;
		max-height: 100%; */
		text-align: center;
		object-fit: contain; /* 保持比例，完整显示 */
	}
	
	/* 内容区域自适应 */
	.mui-modal__content {
	  flex: 1; /* 占据剩余空间 */
	  min-height: 0; /* 防止 flex 溢出 */
	  display: flex!important;
	  text-align: center;
	  justify-content: center;
	  align-items: center;    /* 垂直居中 */
	  background-color: #ffffff!important; /* 背景色（可选） */
	  overflow: hidden; /* 防止图片溢出 */
	  width: 100%;
	  height: 100%;
	  border:1px 
	}
	
	/* 移动端优化 */
	@media (max-width: 768px) {
	.mui-modal__header,
	.mui-modal__footer {
		padding: 12px;
	  }
	}
	
	
	.mui-modal__content::v-deep .cropper-container {
	  background-color: #ffffff; /* 白色背景 */
	  border: 1px solid #ddd;   /* 添加边框 */
	  position: relative;
	}
	
	.mui-modal__content::v-deep .cropper-crop-box {
	  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.3);
	}
	
	.cropper-crop-box, .cropper-point {
	  touch-action: none; /* 确保裁剪框和四个角可触摸 */
	}
	
	.cropper-point {
	  width: 15px !important;
	  height: 15px !important;
	}
	

	
	
	
}