/*HB 版本号68083*/
/* -----------------------------------------------2.0钉钉数据表单组件----------------------------------------------------- */
/* 
	单行文本输入框
	多行文本输入框
	数字输入框
	金额
	下拉框
	单选平铺
	多选平铺
	单选下拉
	多选下拉
	设置主管
	日期
	时间
	日期区间
	产品分类
	密码
	手机号
	选择联系人
	身份证号
	省市县
	获取地点
	手写签名
	表格
	评分
	发送到群
 */
/* -----------------------------------表单------------------------------------ */
/*表单公共样式*/
.dataform .form006 .col-md-10,
.dataform .form006 .col-md-11,
.dataform .form006 .col-md-12,
.dataform .form006 .col-md-1,
.dataform .form006 .col-md-2,
.dataform .form006 .col-md-3,
.dataform .form006 .col-md-4,
.dataform .form006 .col-md-5,
.dataform .form006 .col-md-6,
.dataform .form006 .col-md-7,
.dataform .form006 .col-md-8,
.dataform .form006 .col-md-9 {
	padding: 0 35px 1.04vw;
	/*内边框*/
	display: table-row;
	/**/
}

.dataform .form006 .form007 .col-md-1,
.dataform .form006 .form007 .col-md-2,
.dataform .form006 .form007 .col-md-3,
.dataform .form006 .form007 .col-md-4,
.dataform .form006 .form007 .col-md-5,
.dataform .form006 .form007 .col-md-6,
.dataform .form006 .form007 .col-md-7,
.dataform .form006 .form007 .col-md-8,
.dataform .form006 .form007 .col-md-9,
.dataform .form006 .form007 .col-md-10,
.dataform .form006 .form007 .col-md-11,
.dataform .form006 .form007 .col-md-12 {
	padding: 0.7vw;
	/* padding: 0.5vw 0.7vw; */
}


/* 表格 */
.dataform .t-sh {
	width: 100%;
	/* width: 110%; */
	max-width: inherit;
	background: #FFF;
	margin-bottom: 0px;
	background-color: #fff;
}
.dataform .t-sh>thead>tr>th {
	line-height: 1.08vw;
	/* padding: 0.364vw 0.78vw; */
	padding: 0.364vw 0.83vw;
	text-align: left;
	font-size: 0.72vw;
	position: relative;
}
.dataform .th-number {
	text-align: center !important;
	width: 8%;
}
.dataform .t-right {
	padding-right: 0.8vw!important;
	text-align: right !important;
}
.dataform .t-right a{
	color: var(--menu-a);
}
.dataform .t-right a:hover{
	cursor: pointer;
	color: var(--menu-a-hover);
}
.dataform .t-right a{
	color: var(--menu-a-active);
}
/* .t-right a:first-child{
    color: var(--menu-text-two2)!important;
} */
.dataform .bdbg005 a {
	color: var(--main-text-color);
	padding-left: 0.1rem;
}
/* .ztree * {
	font-size: 0.8vw !important;
} */


/* ----------------------------------------------------必填提示词 ----------------------------------------------------*/
.dataform .hint001 {
	border-color: #d30000!important;
}

.dataform .hint001:focus,
.dataform .hint001:hover,
.dataform .hint001:active {
	box-shadow: none;
	border-color: #d30000;
}

.dataform input:-internal-autofill-selected {
	appearance: menulist-button;
	background-color: rgb(255, 255, 255) !important;
	background-image: none !important;
	color: -internal-light-dark(black, white) !important;
}
/* -----------------------------------------------百度编辑器----------------------------------------------------- */
.dataform .edui-default .edui2 {
	height: auto !important;
	/* margin: 1vw 0 !important; */
	margin: 0 0 0.5vw 0 !important;
	background: transparent !important;
	border-top: 0 !important;
	margin-left: -0.4px;

}

.dataform .edui-default .edui-label {
	/* cursor: default; */
	/* background: #f0f0f0; */
	/* padding: 0 1vw!important; */
	border-radius: 0.4vw;
}

.dataform .edui1 {
	z-index: 0 !important;
	/* background-color: transparent!important; */
	/* box-shadow: 0px 0px 3px -1px #d6d5d5; */
}

.dataform .edui-default .edui20 {
	height: 3vw !important;
	border-top-left-radius: 0.4vw;
	border-top-right-radius: 0.4vw;
}

.dataform .edui-default .edui-box {
	border-radius: 0.2vw !important;
}

.dataform .edui-default .edui-editor {
	border-radius: 0.2vw !important;
}

.dataform .edui-default .edui-editor-toolbarbox {
	/* z-index: 0!important; */
}

.dataform .edui-default .edui-button-body,
.dataform .edui-splitbutton-body,
.dataform .edui-menubutton-body,
.dataform .edui-combox-body {
	position: relative;
	/* background-color: #f5f5f5!important; */
	border-radius: 0.2vw;
	cursor: pointer;
}

.dataform .edui-default .edui-label {
	cursor: pointer !important;
	/* background: #e0e0e0; */
	/* padding: 0.1vw 0.8vw!important; */
}

.dataform .edui-default .edui-label:hover {
	/* color: #fff;
	background: #0066ff; */
}

.dataform .edui-default .edui-toolbar .edui-button,
.dataform .edui-default .edui-toolbar .edui-splitbutton,
.dataform .edui-default .edui-toolbar .edui-menubutton,
.dataform .edui-default .edui-toolbar .edui-combox {
	margin: 0.4vw !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
}

.dataform .edui20 .edui-button,
.dataform .edui20 .edui-splitbutton,
.dataform .edui20 .edui-menubutton,
.dataform .edui20 .edui-combox,
.dataform .edui20 .edui-separator {
	margin: 20px 7.5px 0px 7.5px !important;
}
/* 不生效 */
.dataform .view p {
	padding: 1vw 1vw 0 1vw;
	line-height: 2.4vw;
	text-align: justify;
}

/* 设置按钮固定到浏览器底部 */
.dataform .d-footer {
	z-index: 0 !important;
	position: unset !important;
	bottom: 0px !important;
	display: block !important;
	padding: 0 !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border-top: 1px solid transparent !important;
}

/* 设置浏览器底部按钮的长度 */
.dataform .d-footer .btn {
	width: auto !important;
	margin-top: 0.5vw;
	margin-right: 0.36vw;
	outline-offset: 0;
	outline: none;
	font-size: 0.8vw;
	border-radius: 0.2vw;
	line-height: normal;
	padding: 0 0.8vw;
	height: 1.8vw;
	min-width: 3.5vw;
}
.dataform .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
	outline-offset: 0;
	outline: none;
}
.dataform .btn-default.focus, .btn-default:focus {
	color: #fff !important;
	background-color: var(--main-bg-color-active) !important;
	border-color: transparent !important;
}
.dataform .checkboxBox {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

/* ---------------------------------------单选新样式 ---------------------------------------*/
/* 选框公用样式 */
.dataform .checkboxBox .checkboxContent {
	transform: translateY(0.25vw);
	cursor: pointer;
	background: url(../pro/img/dtb162.png);
	-webkit-appearance: none;
	width: 0.8vw;
	height: 0.8vw !important;
	padding: 0 !important;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 20% !important;
	outline: none;
	margin-right: 0.7vw;
	cursor: pointer;
	margin-top: -0.45vw!important;
}
.dataform .checkboxBox label {
	/* margin-right: 1.2vw; */
	/* width: 6.3vw; */
	margin-bottom: 0;
	font-weight: 500;
	cursor: pointer;
	line-height: 1.2;
	font-size: 0.72vw;
}
.dataform .dxkp006 {
	display: flex;
	align-items: center;
	margin-bottom: 1vw;
	width: 100%;
}
.dataform .dxkp006:last-child{
	margin-bottom: 0.25vw;
}
.dataform .radioBox {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: auto;
	align-items: flex-start;
}

.dataform .radioBox input {
	-webkit-appearance: none;
}

.dataform .radioBox input {
	width: 0.8vw!important;
	height: 0.8vw!important;
	padding: 0 !important;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50% !important;
	outline: none;
	margin-right: 0.7vw;
	cursor: pointer;
	margin-top: 0 !important;
	min-width: 0.8vw;
}


.dataform .radioBox input:focus {
	outline: transparent;
}

.dataform .dxkp006 input:checked {
	border: 3px solid #0066ff !important;
	background: transparent no-repeat center;
	background-size: unset;
}

.dataform .dxkp006:hover input{
	border: 1px solid #0066ff;
}

.dataform .radioBox label {
	margin-right: 0;
	margin-bottom: 0;
	font-weight: 500;
	font-size: 0.72vw;
	line-height: 1.2;
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #000;
	width: 100%;
}

.dataform .radio001 {
	border: 1px solid #0066ff !important;
}

.dataform .radio002 input {
	border: 1px solid #d30000;
}

/* 万家寨新增属性 */
.dataform .navbar-nav .pctb002 a {
	color: #0066ff !important;
}


.dataform .newbd001{
	padding-top: 4.5vw;
	margin-left: 18.75vw;
	margin-right: 0vw;
	padding-left: unset;
	padding-bottom: 1vw;
	overflow-y: scroll;
	/* overflow: hidden; */
	background: var(--kpbg-color);
	width: calc(100% - 18.75vw);
	height: 100%;
	position: fixed;
	top: 7.5vw;
	right: 0;
	float: right;
	padding: 0 0.7vw;
	background: var(--main-bg-color);
}
.dataform .pclb001 {
	margin-bottom: 1vw;
}
.dataform .newbd002{
	padding-left: 1vw;
	background-color: #fff;
	height: 4vw;
	margin-top: -1vw;
	margin-left: 0;
	display: flex;
	align-items: center;
}
.dataform .newbd002 .btn-group{
	margin-left: 0;
}
.dataform .newbd003{
	height: auto;
	line-height: 1vw;
	font-size: 1vw;
	margin: 0 15.3vw;
	margin-top: 0;
	background-color: #fff;
	/* padding: 0 2vw; */
	/* padding: 0 1.9vw; */
	padding: 1.5vw 1.9vw 0.75vw;
	border-top-left-radius: 0.3vw;
	border-top-right-radius: 0.3vw;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom: 3px dotted #e0e2e4;
	border-left: transparent;
}
.dataform .newbd004{
	/* padding: 0px 2.1vw; */
	padding: 0.5vw 2.1vw 0;
	margin: 0 15.3vw;
	background-color: #fff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0.3vw;
	border-bottom-left-radius: 0.3vw;
}

/* 新表单组件：可输入可下拉 */
.dataform .tszj001{

}
.dataform .tszj001 span{
	padding: 0 0.48vw!important;
}
.dataform .tszj002{

}
.dataform .tszj002:before {
	content: "";
	background-image: url(../img/dtb303.png);
	font-size: 2vw;
	position: absolute;
	top: -0.8vw;
	left: -0.08vw;
	width: 1vw;
	height: 1vw;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.dataform .tszj003{
	display: block;
	z-index: 1;
	position: absolute;
	width: 96.4%;
	top: 4.6vw;
}
.dataform .tszj004{
	background-color: #fff;
	/* box-shadow: 0px 0.1vw 0.4vw 0px rgba(0,0,0,0.1); */
	border: 1px solid #dedede;
	overflow-y: scroll;
	/* margin-top: 0.5vw; */
	/* border-radius: 0.2vw; */
	padding: 0 0.75vw;
	height: 220px;
	overflow-y: scroll;
}
.dataform .tszj004 ul{
	color: var(--menu-text-three);
	line-height: 36px;
	border-bottom: 1px solid var(--line-color);
}
.dataform .tszj004 ul:last-child{
	border-bottom: transparent;
}
.dataform .tszj004 li{
	color: var(--menu-text-one);
	line-height: 36px;
	padding-left: 1.5vw;
	margin-left: -0.75vw;
	margin-right: -0.75vw;
}
.dataform .tszj004 li:hover{
	cursor: pointer;
	background-color: var(--kpbg-color);
}
.dataform .tszj004 li:active{
	color: var(--menu-text);
	background-color: var(--kpbg-color);
}
.dataform .tszj005{

}
/* 必填提示文字 */
/* .btts1{
	margin: 0.45vw 0 0;
	font-size: 0.72vw;
	color: #d30000;
} */
/* 修改样式 */
/* .d-left-lump {
    border-right: transparent;
} */
/* 数据表单样式 */
.dataform{

}
.dataform .form001{
	height: 100%;
}
.dataform .form002{
	border-radius: 0.5vw 0.5vw 0 0;
	background-color: #fff;
	margin: 0 20vw;
	/* border-bottom: 2px dotted #e0e2e4; */
}
.dataform .form003{
	margin: 0 1.7vw;
	border-bottom: 2px dotted #e0e2e4;
}
.dataform .form004{
	font-size: 1.3vw;
	font-weight: bold;
	height: auto;
	line-height: 1;
	margin-top: 0;
	padding: 1.3vw 0 0;
	margin-bottom: 0;

}
.dataform .form005{
	/* padding: 0 2vw; */
	margin: 0.5vw 0 1vw;
}
.dataform .form005 img{
	width: 1vw;
	height: auto;
}
.dataform .form005 span{
	font-size: 0.72vw;
}
.dataform .form006{
	padding: 0.75vw 1vw 0;
	margin: 0 20vw;
	background-color: #fff;
	height: fit-content;
	/* margin-bottom: 15vw; */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0.3vw;
	border-bottom-left-radius: 0.3vw;
}
/*表单行*/


.dataform .form007{
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: inline-block;
	margin-bottom: 1vw;
}
.dataform .form008{
	background-color: #fff;
}
.dataform .form009{
	color: rgba(0, 0, 0, 0.85);
	display: block;
	margin: 0;
	font-weight: 500;
	font-size: 0.8vw;
	height: 0.8vw;
	line-height: 1;
	/* margin-bottom: 0.75vw; */
	margin-bottom: 0.5vw;
	position: relative;
}
.dataform .form007 label.red-tip::before {
	content: "*";
	margin-right: 0.26vw;
	/* color: #f04631; */
	color: #d30000;
	position: absolute;
	left: -0.5vw;
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 0.5vw;
}
.dataform .form010{
	/* border-radius: 0.4vw; */
	border-radius: 0.2vw;
	width: 100%;
	height: 2vw;
	line-height: 2vw;
	/* padding: 0 0.625vw; */
	/* padding: 0 0.83vw; */
	padding: 0 0.75vw;
	padding-right: 2.3vw;
	/* padding-right: 0; */
	font-size: 0.72vw;
	color: #171a1d;
	font-weight: normal;
	background: transparent;
	transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s;
	border: 1px solid #ccc;
	/* 去除多行文本看右下角拉伸样式 */
	resize: none;
}

.dataform .form010:focus, .dataform .form010:hover, .dataform .form010:active {
	box-shadow: none;
	border-color: var(--main-text-color);
}
/* 必填样式 */
.hint001:focus, .hint001:hover, .hint001:active {
	box-shadow: none!important;
	border-color: #d30000!important;
}
/* 单选保存后未填写样式 */
.dataform .hint002 input {
	border: 1px solid #d30000;
	color: #000;
}
.dataform .hint002 label {
	color: #000;
}
/* 多选保存后未填写样式 */
.dataform .checkboxBox .hint003 {
	border: 1px solid #d30000;
}
.hint .hint003{
	color: #d30000;
	margin-top: -1vw;
}
.dataform .hint004{
	width: 100%;
	font-size: 0.72vw;
	padding: 0.7vw;
	color: #d30000;
	display: inline-block;
	margin: 0;
	float: left;
	margin-top: -1vw!important;
}
/* input占位符的属性设置 */
.dataform .form010::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
	font-size: 0.8vw;
	color: var(--menu-text-two)!important;
}
.in-lattice::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
	font-size: 0.8vw;
	color: var(--menu-text-two)!important;
}
.dataform .form007 textarea.form010 {
	min-height: 4.7vw;
	width: 100%;
	line-height: 1.5;
	padding: 0.3vw 0.625vw;
	resize: none;
	display: block;
}
.dataform .form011{
	display: flex;
	align-items: center;
	margin-top: 0.4vw;
	line-height: 1;
}
.dataform .form012{
	font-size: 0.7vw;
	color: var(--menu-text-two2);
}
.dataform .form013{
	font-size: 0.7vw;
	margin-left: 0.2vw;
	color: var(--menu-text-two2);
}
.dataform .form014{
	position: relative;

}
.dataform  .form015{
	position: absolute;
	right: -1.1vw;
	/* top: 3.2vw; */
	width: 0.8vw;
	border-top: 1px solid #a2a3a5;
}
/* 数据表单中的表格 */
/* --------------------------------表单里的表格 --------------------------------*/
.dataform .bdbg001 {
	width: max-content;
}

.dataform .bdbg002 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.5vw;
	border: 1px solid #e6e6e6;
	padding: 0.4vw 0.8vw;
	border-radius: 0.25vw;
}

.dataform .bdbg002:hover {
	cursor: pointer;
	background-color: var(--main-kpbg-color-hover);
}

.dataform .bdbg002:active {
	background-color: var(--main-kpbg-color-active);
}

.dataform .bdbg003 {
	margin-right: 0.4vw;
	display: flex;
	align-items: center;
}

.dataform .bdbg003 img {
	width: 0.8vw;
}

.dataform .bdbg004 {
	font-size: 0.72vw;
}

/* 表单表格新添加类名 */
.dataform .table_list{
	max-height: 39vw;
	overflow-x: scroll;
	max-width: 100%;
}
/* 修改 滚动条的 下面 的 样式 */


.dataform .bdbg005{

}
.dataform .bdbg005>thead{
	background-color: var(--kpbg-color);
}
.dataform .bdbg005>thead>tr>th{
	border: 1px solid #e6e6e6;
	padding: 0.364vw 0.83vw;
}

.dataform .bdbg005>thead>tr {
	height: 1.8vw;
}

.dataform .bdbg005>tbody>tr {
	border: 1px solid #e6e6e6;
	/* height: 2.864vw; */
	height: 2vw;
}
.dataform .bdbg005>tbody>tr:hover {
	background-color: transparent;
}

.dataform .bdbg005>tbody>tr>td {
	line-height: inherit;
	padding: 0;
	text-align: left;
	font-size: 0.72vw;
	position: relative;
	word-break: break-all;
	border-right: 1px solid #e6e6e6;
}

.dataform .bdbg005 .th-number {
	position: sticky;
	left: 0;
	z-index: 2;
	background: #fff;
}
.dataform .bdbg005 .t-right {
	padding-right: 0.8vw!important;
	text-align: right !important;
	position: sticky;
	right: 0;
	z-index: 2;
	background: #fff;
}
.dataform .bdbg005 .t-right a{
	color: var(--menu-a);
}
/* 复制通用样式 */
.dataform .bdbg005 .t-right a:hover{
	cursor: pointer;
	color: var(--menu-a-hover);
}
.dataform .bdbg005 .t-right a:active{
	cursor: pointer;
	color: var(--menu-a-active);
}
/* 删除灰色样式 */
.dataform .bdbg005 .t-right .del{
	color: var(--menu-text-two2);
}
.dataform .bdbg005 .t-right .del:hover{
	cursor: pointer;
	color: var(--menu-text-two2);
}
.dataform .bdbg005 .t-right .del:active{
	cursor: pointer;
	color: var(--menu-text-two2);
}

.dataform .bdbg005 td input {
	background: #fafafa;
	border-radius: 0!important;
	border: 0;
	padding-right: 0.83vw!important;
}

.dataform .bdbg005 td input:hover{
	box-shadow: none;
	border-color: var(--main-text-color);
}

.dataform .bdbg005 a {
	color: var(--main-text-color);
	padding-left: 0.2rem;
}
.dataform .bdbg005 input{
	border: 1px solid transparent!important;
}
/* 未起反应 */
.dataform .bdbg005 td input::-webkit-input-placeholder{
	color: #c8c8c9;
}

.dataform .bdbg006 {
	padding: 0 0.5vw;
}

.dataform .bdbg007 {
	display: block;
	width: 100%!important;
	height: 40px;
	background: #fff!important;
	padding: 0 0.83vw;
	padding-right: 0!important;
	border: transparent;
	display: flex;
	align-items: center;
}
.dataform .bdbg008{
	margin-top: 0;
	margin-bottom: 0.7vw;
}
.dataform .bdbg009{
	margin-top: 0;
	margin-bottom: 0;
}
/* --------------------------------日期组件 --------------------------------*/
.time {
	position: absolute;
	right: 4%;
	width: 1vw;
}
.date{
	/* position: relative; */
	display: flex;
	align-items: center;
	justify-content: center;
}
.remove1 {
	right: 3.5%;
}
/* 日期插件修改 */
.datetimepicker td, .datetimepicker th {
	/* width: 26px; */
	/* height: 26px; */
	font-size: 14px;
}
/* --------------------------------回写地点样式 --------------------------------*/
.dataform .form016{

}
.dataform .form017{
	border: 1px solid #e6e6e6;
	padding: 0.5vw 0.8vw;
	border-radius: 0.25vw;
}
.dataform .form018{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.dataform .form019{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 0;
	margin-bottom: 0;
	flex-direction: column;
}
.dataform .form020{
	font-size: 0.72vw;
	line-height: 1.2;
	/* width: 24vw; */
	width: 100%;
}
.dataform .form021{
	font-size: 0.7vw;
	line-height: 1;
	color: var(--menu-text-two2);
	margin-top: 0.4vw;
}
.dataform .form022{
	width: 1vw;
}
.dataform .form022:hover{
	cursor: pointer;
	opacity: 0.8;
}
.dataform .form022:active{
	opacity: 1.2;
}
.dataform .form022 img{
	width: 1vw;
}
.dataform .form023{
	display: flex;
	align-items: center;
	position: absolute;
	height: 2vw;
	right: 1.5%;
	top: 42%;
	margin-bottom: 0vw;
}
.dataform .form023:hover{
	border-color: var(--main-text-color)
}
.dataform .form023:active{
	border-color: var(--main-text-color)
}
.dataform .form023 img{
	width: 0.6vw;
	position: absolute;
	right: 1vw;
}
/* --------------------------------评分 --------------------------------*/
.dataform .form024{
	display: flex;
	align-items: center;
}
.dataform .form025{
	display: flex;
	align-items: center;
	margin-bottom: 0.75vw;
	margin-left: 0.6vw;
}
.dataform .form025:hover{
	cursor: pointer;
}
.dataform .form025:active{
	opacity: 0.7;
}
.dataform .form037{
	width: 0.8vw;
}
.dataform .form037 img{
	width: 0.8vw;
	opacity: 0.5;
}
.dataform .form038{
	font-size: 0.72vw;
	color: var(--menu-text-two2);
	margin-left: 0.3vw;
}
.dataform .form039{
	display: flex;
	width: 100%;
	overflow: hidden;
}
.dataform .form040{

}
.dataform .form040:hover img{
	cursor: pointer;
	content: url(../img/dtb26.png);
	width: 1.2vw;
	margin-right: 0.6vw;
}
.dataform .form040 img{
	width: 1.2vw;
	margin-right: 0.6vw;
}
.dataform .active{
	background-color: transparent;
}
.dataform .active img{
	content: url(../img/dtb26.png);
	width: 1.2vw;
	margin-right: 0.6vw;
}
/* -----------------------------------------单选框----------------------------------------- */
.dataform .form026{
	width:100%;
	position: relative;
	display: flex;
	align-items: center;
}
.dataform .form026 img{
	height: 0.4vw;
	position: absolute;
	right: 0.6vw;
}
.dataform .form026 .popup062:hover{
	cursor: pointer;
}
.dataform .form026 img:hover{
	cursor: pointer;
}
.dataform .form026 img:active{
	opacity: 0.7;
}
.dataform .form026:active .popup062{
	border: 1px solid var(--menu-text);
	box-shadow: 0 0 0.2vw var(--menu-text);
}
.dataform .form026:active .form027{
	display: block;
}
.dataform .form026:active .popup066{
	display: block;
}
.dataform .form027{
	position: absolute;
	width: 100%;
	top: 2vw;
	background-color: #fff;
	border-radius: 0.2vw;
	box-shadow: 0 0 0.3vw rgba(0,0,0,0.2);
	padding: 0.3vw;
	display: none;
	z-index: 4;
	max-height: 11.5vw;
	overflow-y: scroll;
}
.dataform .form027::-webkit-scrollbar {
	width: 0.4vw;
	height: 0.4vw;
}
.dataform .form027::-webkit-scrollbar-thumb {
	border-radius: 1vw;
	box-shadow:unset;
	background:rgba(0,0,0,0.1);
	cursor: pointer;
}
.dataform .form027::-webkit-scrollbar-thumb:hover{
	background:rgba(0,0,0,0.2);
}
.dataform .form027::-webkit-scrollbar-thumb:active{
	background:rgba(0,0,0,0.2);
}
.dataform .form027::-webkit-scrollbar-track {
	box-shadow: unset;
	border-radius: 1vw;
	background: transparent;
}
.dataform .form027 ul{
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.dataform .form027 ul li{
	width: 100%;
	font-size: 0.72vw;
	height: 1.8vw;
	display: flex;
	align-items: center;
	padding: 0 0.5vw;
	line-height: 1;
	border-radius: 0.2vw;
}
.dataform .form027 ul li:hover{
	background-color: rgba(0,0,0,0.05);
	cursor: pointer;
}
.dataform .form027 ul li:active{
	background-color: rgba(0,0,0,0.1);
	font-weight: bold;
}
.dataform .form028{
	border: 1px solid #c8c8c9;
	border-radius: 0.2vw;
	width: 100%;
	outline: none;
	/* padding: 0 0.6vw; */
	padding: 0 0.75vw;
	margin-left: -1px;
	height: 2vw;
	font-size: 0.72vw;
}
.dataform .form028:hover{
	border: 1px solid var(--menu-text);
}
.dataform .form028:focus{
	border: 1px solid var(--menu-text);
}
.dataform .form029:hover img {
	content: url(../img/tb067.png);
	height: 0.7vw;
}
/* --------------------------------说明文字 --------------------------------*/
.dataform .form030 p{
	margin: 0;
	font-size: 0.72vw;
	color: var(--menu-text-two2);
	line-height: 1.5;
	user-select: text; /* 允许选择文本 */
	-webkit-user-select: text; /* 兼容webkit浏览器 */
}
/* --------------------------------身份证 --------------------------------*/
.dataform .form031{
	/* width: 6%; */
	width: 2vw;
	height: 2vw;
	display: flex;
	align-items: center;
	background-color: var(--menu-text-four);
	border-radius: 0.2vw 0 0 0.2vw;
	justify-content: center;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.dataform .form031 img{
	height: 0.9vw;
}
.dataform .form032{
	display: flex;
}
.dataform .form032 input{
	border-radius: 0 0.2vw 0.2vw 0;
}
/* --------------------------------手机号-------------------------------- */
.dataform .form034{
	/* width: 12%; */
	width: 4vw;
	height: 2vw;
	display: flex;
	align-items: center;
	background-color: var(--menu-text-four);
	border-radius: 0.2vw 0 0 0.2vw;
	justify-content: center;
	border: 1px solid #ccc;
}
.dataform .form034 img{
	height: 0.9vw;
}
.dataform .form034 span{
	font-size: 0.72vw;
	margin-left: 0.3vw;
	color: #171a1d;
}
.dataform .form033{
	font-size: 0.72vw;
	color: #171a1d;
	border-top: 1px solid #ccc;
	height: 2vw;
	width: 9%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
}
.dataform .form033 p{
	margin: 0;
}
/* --------------------------------多选下拉点击 --------------------------------*/
.dataform .xlk {
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../img/tb065.png) no-repeat right 0.7vw center !important;
	background-size: 0.6vw !important;
}
.dataform .qcxlk{
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.dataform .remove {
	position: absolute;
	right: 4%;
	top: 53%;
	width: 1vw;
	cursor: pointer;
	/* background-color: #fff; */
}
/* 单行输入框清除按钮 */
.dataform .qcan{
	top: 36%;
}
.dataform .select {
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../pro/img/tb065.png) no-repeat right 0.7vw center !important;
	background-size: 0.6vw !important;
}
.dataform .form035 li{
	position: relative;
}
.dataform .form035 li::after{
	content: "";
	background-image: url(../img/tb268.png);
	position: absolute;
	right: 0.5vw;
	background-size: 100% 100%;
	width: 0.8vw;
	height: 0.6vw;
	display: none;
}
.dataform .form035 li:active::after{
	display: block;
}
.dataform .form036{
	background-color: rgba(0,0,0,0.1);
	position: relative!important;
}
.dataform .form036::before{
	content: "";
	background-image: url(../img/tb268.png);
	position: absolute;
	right: 0.5vw;
	background-size: 100% 100%;
	width: 0.8vw;
	height: 0.6vw;
}
/*-------------------------------- 发送到群 --------------------------------*/
.dataform .form041{
	border: 1px solid #ccc;
	border-radius: 0.2vw;
	/* height: 2vw; */
	min-height: 2vw;
	display: flex;
	align-items: center;
	/* padding: 0 0.25vw; */
	padding: 0.28vw 0.75vw;
	position: relative;
}
.dataform .form042{
	display: flex;
	align-items: center;
	width: 100%;
}
.dataform .form043{
	display: flex;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 0.2vw;
	padding: 0.2vw 0.4vw;
}
.dataform .form043 img{
	width: 0.8vw;
	opacity: 0.5;
	cursor: pointer;
}
.dataform .form043 span{
	font-size: 0.72vw;
	line-height: 1.5;
	margin-left: 0.4vw;
}
.dataform .form043:hover{
	cursor: pointer;
	background-color: var(--main-kpbg-color-hover);
	border-color: transparent;
}
.dataform .form043:active{
	background-color: var(--main-kpbg-color-active);
}
.dataform .form044{
	display: flex;
	align-items: center;
}
.dataform .form043 img{
	width: 0.8vw;
	opacity: 0.5;
	cursor: pointer;
}
.dataform .form043 span{
	font-size: 0.72vw;
	line-height: 1.5;
	margin-left: 0.4vw;
}
.dataform .form044{
	display: flex;
	align-items: center;
	background-color: transparent;
}
.form044:active{
	opacity: 1!important;
}
.dataform .form043 img{
	width: 0.8vw;
	opacity: 0.5;
	cursor: pointer;
}
.dataform .form043 span{
	font-size: 0.72vw;
	line-height: 1.5;
	margin-left: 0.4vw;
}
.dataform .form044{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: -0.3vw;
	margin-left: -0.3vw;
	width: 98%;
	padding: 0;
}
.dataform .form045{
	display: flex;
	align-items: center;
	background-color: var(--kpbg-color);
	border: 1px solid var(--kpbg-color);
	border-radius: 0.2vw;
	padding: 0.2vw 0.4vw;
	margin-right: 0.3vw;
	margin-bottom: 0.3vw;
}
.dataform .form045:active{
	opacity: 0.7;
}
.dataform .form045 span{
	font-size: 0.72vw;
	line-height: 1.5;
}
.dataform .form045 img{
	width: 0.8vw;
	margin-left: 0.4vw;
	cursor: pointer;
}
.dataform .form045 img:active{
	opacity: 0.7;
}

/* --------------------------------------提交按钮 --------------------------------------*/
.butn {
}
.butn .button {

}
.butn .button1 {
	height: 1.8vw;
	width: 4.4vw;
	border-radius: 0.2vw;
	background: var(--menu-butn);
	border: none;
	color: #fff;
	white-space: nowrap;
	margin-right: 0.5vw;
}
.butn .button1:hover {
	cursor: pointer;
	background: var( --menu-button-hover);
}
.butn .button1:active {
	background: var(--menu-butn-active);
}

/* --------------------------------------产品分类 --------------------------------------*/
.dataform .form048 input:hover{
	cursor: pointer;
}
.dataform .cpfl001{
	position: absolute;
	z-index: 1;
	height: 9vw;
	display: flex;
	margin-top: 0.5vw;
	border-radius: 0.25vw;
	background: #fff;
	border-bottom: 1px solid var(--line-color);
	box-shadow: 0.1vw 0vw 0.4vw 0px rgba(0,0,0,0.15);
	max-width: 96.2%;
	overflow-x: auto;
	overflow-y: hidden;
}
/* 修改 滚动条的 下面 的 样式 */
.dataform .cpfl001::-webkit-scrollbar {
	height: 0.3vw;
	width: 0.3vw;
	cursor: pointer;
	margin-left: 1vw;
}
.dataform .cpfl001::-webkit-scrollbar-track {
	background-color: rgba(255,255,255,0);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
/* 修改 滑块 */
.dataform .cpfl001::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.15);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
}
/* --------------------------------------忘记密码 --------------------------------------*/
/* 眼睛图标 */
.dataform .dddl-input-eye {
	width: 1vw;
	height: 1vw;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: absolute;
	right: 4%;
	top: 54%;
	cursor: pointer;
}

.dataform .dddl-input-eye img {
	height: auto;
	width: 1vw;
}

.dataform .dddl-input-eye img:last-child {
	display: none;
}

/* 经过图标变蓝 */
.dataform .dddl-input-eye:hover img:first-child,
.dataform .dddl-input-eye:active img:first-child {
	display: none;
}

.dataform .dddl-input-eye:hover img:last-child,
.dataform .dddl-input-eye:active img:last-child {
	display: block;
}
/* --------------------------------------------------------- */

.dataform .cpfl002{
	min-width: 6vw;
	height: 9vw;
	/* border-radius: 0.2vw; */
	background-color: #fff;
	overflow-y: auto;
	border-right: 1px solid var(--line-color);
	/* box-shadow: 0.1vw 0vw 0.4vw 0px rgb(0 0 0 / 14%); */

}
/* .dataform .cpfl002::-webkit-scrollbar {
	display: none; 
} */
/* 修改 滚动条的 下面 的 样式 */
.dataform .cpfl002::-webkit-scrollbar {
	height: 0.3vw;
	width: 0.3vw;
	cursor: pointer;
	margin-left: 1vw;
}
.dataform .cpfl002::-webkit-scrollbar-track {
	background-color: rgba(255,255,255,0);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
/* 修改 滑块 */
.dataform .cpfl002::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.15);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
}
/* --------------------------------------------------------- */
.dataform .cpfl002 ul{
	margin: 0;
	padding: 0.25vw;
	width: 100%;
	margin-bottom: 0.5rem;
}
.dataform .cpfl002 li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* background-color: #f5f5f5; */
	padding: 0.4vw;
	border-radius: 0.2vw;
	height: 1.7vw;
}
.dataform .cpfl002 li:last-child{
	margin-bottom: 0;
}
.dataform .cpfl002 li:hover{
	cursor: pointer;
	background-color: var(--kpbg-color-hover);
}
.dataform .cpfl002 li:active{
	background-color: var(--kpbg-color-active);
}
.dataform .cpfl003{
	margin-right: -0.35vw;
}
.dataform .cpfl003 img{
	width: 1vw;
}
/* --------------------------------------手写签名--------------------------------------*/
.dataform .form049{
	position: relative;
	width: 8vw;
	height: 4vw;
}
.dataform .form049:hover{
	cursor: pointer;
}
.dataform .form049:hover .form050{
	display: flex;
}
.dataform .form049:active .form050{
	background-color: rgba(0,0,0,0.4);
}
.dataform .form049 img{
	height: 4vw;
	border-radius: 0.2vw;
	width: 100%;
}
.dataform .form050{
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0.3);
	width: 100%;
	height: 4vw;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.2vw;
	display: none;
}
.dataform .form050 img{
	height: 1.5vw;
	width: auto;
}
.dataform .form051{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e6e6e6;
	padding: 0.4vw 0.7vw 0.4vw 0.9vw;
	border-radius: 0.25vw;
	height: 1.9vw;
	margin-left: 1vw;
}
.dataform .form051:hover {
	cursor: pointer;
	background-color: var(--main-kpbg-color-hover);
}
.dataform .form051:active {
	background-color: var(--main-kpbg-color-active);
}
.dataform .form052{
	margin-right: 0.2vw;
}
.dataform .form052 img {
	width: auto!important;
	height: 0.8vw!important;
}
.dataform .form053{
	font-size: 0.8vw;
	display: inline-block;
	width: 2vw;
	text-align: center;
}
.dataform .form054{
	display: flex;
	align-items: center;
}
.dataform .form055{
	width: 100%;
	height: 10vw;
	background-color: var(--menu-text-four);
	border-radius: 0.2vw;
	border: 1px dashed rgba(0,0,0,0.1);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dataform .form055 p{
	font-size: 0.8vw;
	display: inline-block;
	color: rgba(0,0,0,0.5);
	margin: 0;
}
.dataform .form056{
	position: absolute;
	right: 0.8vw;
	bottom: 0.5vw;
	color: #0066ff;
	padding: 0.4vw;
}
.dataform .form056:hover{
	cursor: pointer;
	background-color: rgba(0,0,0,0.05);
	border-radius: 0.2vw;
}
.dataform .form056:active{
	background-color: rgba(0,0,0,0.1);
}
.dataform .form057{
	position: absolute;
	top: -1.5vw;
	display: flex;
	align-items: center;
	right: 0;
}
.dataform .form057:hover{
	cursor: pointer;
}
.dataform .form057 img{
	height: 0.8vw;
}
.dataform .form057 span{
	font-size: 0.8vw;
	margin-left: 0.5vw;
	color: rgba(0,0,0,0.5);
}
.dataform .form058{
	position: absolute;
	top: 1.3vw;
	padding: 0.5vw;
	background-color: #fff;
	border-radius: 0.2vw;
	box-shadow: 0 0 0.5vw rgba(0,0,0,0.1);
	right: 0;
	display: none;
}
.dataform .form058 img{
	height: 6vw;
}
.dataform .form058 p{
	font-size: 0.8vw;
	color: rgba(0,0,0,0.5);
	text-align: center;
	width: 100%;
}
.dataform .form057:hover .form058{
	display: block;
}
.dataform .form059{
	position: absolute;
	right: 0.5vw;
}
.dataform .form059 img{
	display: none;
	height: 0.7vw;
}
.dataform .form059 img:active{
	opacity: 0.7;
}
.dataform .form060:hover{
	cursor: pointer;
	border-color: var(--main-text-color);
}
.dataform .form060:focus{
	box-shadow: none;
	border-color: var(--main-text-color);
}


.dataform .form060:hover .form059 img{
	display: block;
}
.dataform .form067{
	/* width: 3vw; */
	width: 100%;
	/* margin-left: 0.3vw; */
	color: var(--menu-text-two)!important;
	line-height: 1.5;
	font-size: 0.8vw;
}
.dataform .form069{
	color: var(--menu-text-one)!important;
}
/* .scys021 {
    width: 6vw;
} */
/* ---------------------------------------------------多选平铺 ---------------------------------------------------*/
.dataform .dxkp007{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin-bottom: 1vw;
}
.dataform .dxkp007 label{
	width: 100%;
	display: flex;
	align-items: center;
	color: #000;
}
.dataform .dxkp007 input{
	border: 1px solid #ccc;
	margin: 0;
	/* -webkit-appearance: none; */
	width: 0.8vw!important;
	height: 0.8vw!important;
	padding: 0!important;
	border-radius: 0.15vw;
	outline: none;
	margin-right: 0.7vw;
	cursor: pointer;
	margin-top: 0 !important;
	min-width: 0.8vw;
}
.dataform .dxkp007:hover input{
	border: 1px solid var(--bg-color);
}
.form_right .dxkp007 {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	align-items: center;
	width: 100%;
	margin-bottom: 1vw;
}

.form_right .dxkp007:last-child{
	margin-bottom: 0.25vw;
}
input[type="checkbox"] {
	width: 1vw;
	height: 1vw;
	vertical-align: middle;
	-webkit-appearance: none;
	/*清除默认样式*/
	border: 1px solid #D1D1D1;
	border-radius: 0.2vw;
	margin-right: 0.75vw;
	outline: none;
}
input[type="checkbox"]:checked {
	background: url("../img/dtb162.png") no-repeat center center;
	background-color: #0066ff;
	border: transparent!important;
	background-size: 0.6vw 0.45vw;
}
.hint002 input[type="checkbox"] {
	border: 1px solid #d30000;
}
/* ---------------------------------------------------多选人口标签样式 ---------------------------------------------------*/

.dataform .dxys001 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -0.6vw;
}

.dataform .dxys002 {
	display: flex;
	align-items: center;
	margin-right: 1vw;
	width: 8.49vw;
	margin-bottom: 0.6vw;
	position: relative;
}

.dataform .dxys002:nth-child(4n) {
	margin-right: 0;
}

.dataform .dxys002 input {
	width: 0.8vw !important;
	height: 0.8vw !important;
	line-height: 1.1vw !important;
	margin: 0 !important;
	margin-right: 0.5vw !important;
	padding: 0 !important;
	transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s !important;
	cursor: pointer;
}

.dataform .dxys002 label {
	margin-bottom: 0.03vw;
	font-weight: 500;
	font-size: 0.72vw;
	cursor: pointer;
}

.dataform .dxys003 {
	margin-top: -0.15vw;
	margin-bottom: 1.3vw;
}

.dataform .dxys003:last-child {
	margin-bottom: 0;
}

.dataform .dxys004 {
	color: rgba(0, 0, 0, 0.85);
	display: block;
	margin: 0;
	font-weight: 500;
	font-size: 0.8vw;
	margin-bottom: 0.5vw;
}

.dataform .dxys004::before {
	/* content: ""; */
	background-image: url(../img/dtb135.png);
	background-size: 100%;
	/* background-repeat: no-repeat; */
	/* background-color: #d30000; */
	border-radius: 0.25vw;
	width: 1vw;
	height: 1vw;
	display: inline-block;
	margin-right: 0.4vw;
	/* 垂直对齐 */
	vertical-align: -0.2vw;
}

.dataform .dxys006::before {
	content: "";
	background-image: url(../img/tb191.png);
	background-size: 100%;
}

/* 未选择必填选项复选框的样式 */
.dataform .dxys001 .dxys005 input:checked+label::before {
	background-color: #fff;
	border: 1px solid #d30000;
}

.dataform .dxys001 .dxys005 input:checked+label::after {
	background-color: #fff;
	border: 1px solid #d30000;
}