body{
    user-select: none; /* Chrome, Opera, Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}
img{
	display: block;
}
.fl-al{
	display: flex;
	align-items: center;
}
.fl-sp{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fl-wr{
	display: flex;
	flex-wrap: wrap;
}
.flex{
	display: flex;
}
.fl-cen{
	display: flex;
	justify-content: center;
	align-items: center;
}
.fl-fs{
	display: flex;
	justify-content: space-between;
}
.fl-end{
	display: flex;
	justify-content: flex-end;
}
.fs12{
	font-size: 0.12rem;
}
.fs14{
	font-size: 0.14rem;
}
.fs16{
	font-size: 0.16rem;
}
.fs18{
	font-size: 0.18rem;
}
.fs20{
	font-size: 0.2rem;
}
.fs22{
	font-size: 0.22rem;
}
.fs24{
	font-size: 0.24rem;
}
.fs26{
	font-size: 0.26rem;
}
.fs28{
	font-size: 0.28rem;
}
.fs30{
	font-size: 0.3rem;
}
.fs32{
	font-size: 0.32rem;
}
.fs34{
	font-size: 0.34rem;
}
.fs36{
	font-size: 0.36rem;
}
.fs38{
	font-size: 0.38rem;
}
.fs40{
	font-size: 0.4rem;
}
.fs46{
	font-size: 0.38rem;
}
.fs52{
	font-size: 0.52rem;
}
.te-al{
	text-align: center;
}
.ml5{
	margin-left: 0.05rem;
}
.ml10{
	margin-left: 0.1rem;
}
.ml15{
	margin-left: 0.15rem;
}
.ml20{
	margin-left: 0.2rem;
}
.ml25{
	margin-left: 0.25rem;
}
.ml30{
	margin-left: 0.3rem;
}
.mt5{
	margin-top: 0.05rem;
}
.mt10{
	margin-top: 0.1rem;
}
.mt15{
	margin-top: 0.15rem;
}
.mt20{
	margin-top: 0.2rem;
}
.mt25{
	margin-top: 0.25rem;
}
.mt30{
	margin-top: 0.3rem;
}
.mt40{
	margin-top: 0.4rem;
}
.mt50{
	margin-top: 0.5rem;
}
.mt60{
	margin-top: 0.6rem;
}
.cl-wh{
	color: white;
}
.fl-bd{
	font-weight: bold;
}
.wt100{width: 100%;}
body{
	padding: 0;
	margin: 0;
}
.footer_btn_cj{
	display: none;
}
.cl-re{
	color:red
}
.cl_ys1{
	color:#3D3D3D
}
.inputFile {  
	position: absolute;  
	left: 0;  
	top: 0;  
	width: 100%;  
	height: 100%;  
	opacity: 0;  
	filter: alpha(opacity=0);  
	cursor: pointer;
}  
.cursor{
	cursor: pointer;
}
.unify_upload_wz, .delGood{
	font-size: 0.26rem;
}
/* 富文本 start*/
/* .ql-align-right{
	text-align: right;
}
.ql-indent-1{
    padding-left: 3em;
}
pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
}
.ql-syntax{
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
}
.rule_area p{
	margin: 0!important;
}
h1,h2,h3,h4,h5,h6{
	margin: 0!important;
}
.ql-size-large{
	font-size:1.5em
}
.ql-size-huge{
	font-size:2.5em
}
.ql-size-small{
	font-size:0.75em
} */
.ql-editor{
	white-space: normal!important;
	padding: 0 0.7rem!important;
}
/* 富文本 end*/
/* 公共弹窗 */
.commonAlert{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: transparent;
}

.tipAlert{
    display: none;
}

.confirmAlert{
    display: none;
}

.screenAlert{
	display: none;
	z-index: 99;
}

.alertBox{
    width: 5rem;
    background-color: #fff;
    border-radius: 0.2rem;
    margin-top: 15%;
    margin-left: 50%;
    transform: translateX(-50%);
    position: relative;
    box-sizing: border-box;
    padding: 0.2rem;
}

.alertBox .alertTip{
    width: 100%;
    font-size: 0.2rem;
    font-weight: 700;
}

.alertBox .alertMsg{
    width: 100%;
    padding: 0.4rem 0;
    white-space: wrap;
}

.alertBox .alertWrap{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    
}

.alertBox .alertBtn{
    background-color: #4605CB;
    color: #fff;
    font-size: 0.18rem;
    padding: 0.1rem 0.3rem;
    border-radius: 0.1rem;
    cursor: pointer;
}
.screenalertBtn{
	background-color: #4605CB;
    color: #fff;
    font-size: 0.18rem;
    padding: 0.1rem 0.3rem;
    border-radius: 0.1rem;
    cursor: pointer;
}
.alertBox .alertCancel{
    background-color: #f56c6c;
    color: #fff;
    font-size: 0.18rem;
    padding: 0.1rem 0.3rem;
    border-radius: 0.1rem;
    cursor: pointer;
    margin-right: 0.1rem;
}

.hide {
    display: none!important;
}
.show {
    display: block!important;
}

/* 预览图片 */
.bigScreen_html{
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index:999;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: auto;
}
.bigScreen_img{
	max-width: 100%;
	max-height: 80vh;
	display: block;
	margin: auto;
}
.hide{
	display: none!important;
}
/* 键盘控制选中 */
.control_selected{
	box-shadow: 0 4px 8px rgba(128, 16, 53, 0.8); /* 凸起效果 */
}

.c_dw_scroll{
	overflow-y: auto;
}
/* 鼠标悬停时的样式 */
select option:hover {
	background-color: #D94F4F!important; /* 悬停背景色 */
}

/* 选中状态的样式 */
select option:checked {
	background-color: #D94F4F!important; /* 选中背景色 */
	color: white; /* 选中文字颜色 */
}
/* select {
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	z-index: 1;
}
select::after {
	content: "▼";
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 10px; 
	pointer-events: none; 
	color: #666;
	z-index:3
} */

/* input:disabled, 
select:disabled {
	background-color: #f0f0f0 !important;
	border: 1px solid #9D9D9D !important;
	-webkit-text-fill-color: #9D9D9D !important;
	cursor: not-allowed;
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none !important;
} */

input:disabled, 
select:disabled {
  /* 统一的背景色 - 使用更柔和的颜色避免浏览器自动调整 */
  background-color: #F9F9F9 !important;
  background-image: none !important; /* 移除可能的渐变背景 */
  
  /* 统一的边框色 */
  border: 1px solid #D8D8D8 !important;
  
  /* 文字颜色控制 - 针对不同浏览器 */
  color: #D8D8D8 !important;
  -webkit-text-fill-color: #D8D8D8 !important; /* iOS Safari */
  opacity: 1 !important; /* 修复部分浏览器默认降低透明度的问题 */
  
  /* 交互控制 */
  cursor: not-allowed;
  pointer-events: none;
  
  /* 外观重置 */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  
  /* 阴影和高亮控制 */
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
  
  /* iOS特殊处理 */
  -webkit-user-modify: read-only !important;
  user-modify: read-only !important;
}

/* 针对iOS Safari的select特殊修复 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:disabled {
    /* 解决iOS下select禁用状态背景色异常 */
    background-color: #F9F9F9 !important;
    /* 确保箭头颜色与文字一致 */
  }
}

/* 针对Android Chrome的特殊修复 */
@media (max-width: 768px) and (hover: none) and (pointer: coarse) {
  input:disabled, 
  select:disabled {
    /* 修复Android上触摸反馈导致的样式变化 */
    -webkit-tap-highlight-color: transparent !important;
    border-style: solid !important; /* 确保边框样式一致 */
  }
}

select {
  color: #A7A7A7; /* 默认灰色 */
  /* -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none; */
	/* -webkit-tap-highlight-color: transparent; */
	
   text-align: center;
   text-align-last: center;
}
input::placeholder{
	color: #A7A7A7; /* 默认灰色 */
}
textarea::placeholder{
	color: #A7A7A7; /* 默认灰色 */
}
/* 下拉选项的字体颜色 */
select option {
  color: black; /* 选项默认黑色 */
}

select:focus {
  color: black; /* 焦点状态下颜色稍深 */
}

/* 针对iOS设备的特殊处理 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    color: #A7A7A7; /* 确保iOS上生效 */
  }
  
  /* 处理选中状态 */
  select:focus {
    color: black;
  }
}

.daterangepicker .ranges{
	display: none!important;
}

/* 400弹窗 */
.toast-message {
	text-align:center;
	color:#fff;
	font-size:0.32rem;
	max-width:36%;
	min-width:30%;
	padding:0.12rem 0.46rem;
    box-sizing: border-box;
	position:fixed;
	z-index:9999;
	left: 0;
	right: 0;
	margin: auto;
    line-height: 0.6rem;
}
.normal_color{
	background-color:rgba(0,0,0,0.45);
}

.require_color{
    background-color: rgba(232, 0, 0, 0.45);
}

/* 等待动画 */
.loadingWrap{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.45);
	z-index: 99999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.sk-chase {
	width: 0.8rem;
	height: 0.8rem;
	position: relative;
	animation: sk-chase 2.5s infinite linear both;
  }
  
  .sk-chase-dot {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0; 
	animation: sk-chase-dot 2.0s infinite ease-in-out both; 
  }
  
  .sk-chase-dot:before {
	content: '';
	display: block;
	width: 25%;
	height: 25%;
	background-color: #fff;
	border-radius: 100%;
	animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
  }
  
  .sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
  .sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
  .sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
  .sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
  .sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
  .sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
  .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
  .sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
  .sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
  .sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
  .sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
  .sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
  
  @keyframes sk-chase {
	100% { transform: rotate(360deg); } 
  }
  
  @keyframes sk-chase-dot {
	80%, 100% { transform: rotate(360deg); } 
  }
  
  @keyframes sk-chase-dot-before {
	50% {
	  transform: scale(0.4); 
	} 100%, 0% {
	  transform: scale(1.0); 
	} 
  }

  .loadingMsg{
	width: 100%;
	margin-top: 0.3rem;
	color: #FFF;
	text-align: center;
  }
  /* 等待动画 end */
  
/* 自定义radio   start */
/* 隐藏原生radio按钮 */
.unify_radio {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

/* 自定义radio样式 */
.radio-wrapper {
	position: relative;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	margin-right: 0.4rem;
	margin-bottom: 0.2rem;
}

/* 自定义radio按钮的外观 */
.radio-custom {
	position: relative;
	width: 0.3rem; /* 控制大小 */
	height: 0.3rem; /* 控制大小 */
	border: 2px solid #ccc;
	border-radius: 50%;
	margin-right: 0.1rem;
	transition: all 0.2s ease;
}

.unify_radio_text{
	font-size: 0.28rem;
}

/* 选中状态的样式 */
.unify_radio:checked + .radio-custom {
	border-color: #CD2C2C;
	background-color: #CD2C2C;
}
.radio-custom-none{
	border-color: #ccc!important;
	background-color: white!important;
}

/* 选中状态的内部圆点 */
.unify_radio:checked + .radio-custom::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.2rem; /* 内部圆点大小 */
	height: 0.2rem; /* 内部圆点大小 */
	border-radius: 50%;
	background-color: white;
}

/* 禁用状态 */
.unify_radio:disabled + .radio-custom {
	opacity: 0.5;
	cursor: not-allowed;
	border-color: #999;
}

/* 更大尺寸的radio示例 */
.radio-large .radio-custom {
	width: 0.3rem;
	height: 0.3rem;
}

.radio-large .unify_radio:checked + .radio-custom::after {
	width: 0.3rem;
	height: 0.3rem;
}
.radio_desc{
	margin-top: -0.1rem;
}
/* * 自定义radio   end */

.drp-selected{
	display: none!important;
}

.nm_desc_title{
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5vh;
	margin: auto;
	font-size: 0.24rem;
	color:white;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0em;
	font-variation-settings: "opsz" auto;
	font-feature-settings: "kern" on;
	color: #FFFFFF;
	text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.88);
}
.nm_desc_title span{
	margin-left: 1.2rem;
}
.nm_desc_title2{
	font-size: 0.24rem;
	color:white;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0em;
	font-variation-settings: "opsz" auto;
	font-feature-settings: "kern" on;
	color: rgba(0, 0, 0, 0.77);
}
.nm_desc_title2 span{
	margin-left: 1.2rem;
}