*,
body,
html {
	-moz-user-select: none;
	/*火狐*/
	/*选中文字时避免出现蓝色背景*/
	-webkit-user-select: none;
	/*webkit浏览器*/
	/*选中文字时避免出现蓝色背景*/
	-ms-user-select: none;
	/*IE10*/
	/*选中文字时避免出现蓝色背景*/
	user-select: none;
	/*选中文字时避免出现蓝色背景*/
}
body .layui-layer-ico{background-image: url(/qrcode/form/img/icon.png?v=1.1);}
.x-topNav.navWrapper___2AOzm .menuItem___1lP7-:first-child:hover{
	color: #09bd71 !important;
	background-color: #fff !important;
}
.x-topNav.navWrapper___2AOzm .menuItem___1lP7-:first-child{
	background-color: transparent !important;
}
.x-topNav.navWrapper___2AOzm .menuItem___1lP7-:first-child:hover .menuItemName___3NPmR{
	color: #09bd71 !important;
}
.asdasdasd .panel{
	border-radius: 0 !important;
}
.rm_changmode_item .layui-form-radio {

	margin-top: 25px;
}

.rm_chang_recordStyle_model .layui-form-radio {

	margin-top: 25px;
}

.rm_myModel_body_content .layui-form-radio {
	background-color: inherit;
	line-height: 14px;
}

.rm-radio:last-child {
	margin-bottom: 0;
}

.rm_viewPermissions_model .rm_myModel_body_content {
	overflow-y: unset;
}

.offOn {
	background-color: #9d9c9d;
	width: 39px;
	height: 20px;
	border-radius: 20px;
	position: relative;
	cursor: pointer;
}

.offOn1 {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background-color: white;
	margin-top: 2px;
	margin-left: 2px;
}

@keyframes color1 {
	from {
		background-color: #9d9c9d;
	}

	to {
		background-color: #09bd71;
	}
}

@keyframes color2 {
	from {
		background-color: #09bd71;
	}

	to {
		background-color: #9d9c9d;
	}
}

.changecolor1 {
	animation: color1 .2s;
	background-color: #09bd71;
}

.changecolor2 {
	animation: color2 .2s;
	background-color: #9d9c9d;
}

.ckbx-style-8 label:before {
	height: 1.2rem !important;
	width: 2.4rem !important;

}

.ckbx-style-8 label:after {
	height: 1.2rem !important;
	width: 1.2rem !important;

}

.ckbx-style-8 input[type=checkbox]:checked+label:after {
	left: 1.4rem !important;
}



.drawer-header {
	border-bottom: 1px solid #DEE1E6;
	padding: 15px 15px;
	line-height: 2;
}

.drawer-header-title {
	width: 100%;
	
	line-height: 20px;
	font-size: 16px;
	color: #17233d;

	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: flex;
	align-items: center;
	
}
.drawer-header-title span{
	margin-right: 4px;
	cursor: pointer;
}
.drawer-header-title span:last-child{
	font-size: 14px;
	line-height: 14px;
}
.rm_blue {
	padding: 8px 0;
	color: #09bd71;
	cursor: pointer;
}

.rm_blue:hover {
	background-color: #ddd;
	transition: all .5s;
}

.rm_mode_box {
	width: 1000px;
	padding: 24px 24px;
	background-color: white;
	height: auto;
	margin: 50px auto;
	overflow: hidden;
	position: relative;
}

#drawer {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 24px;
}

.drawer-header-content {
	padding: 14px 24px;
}

.rm_formlsit_card {
	width: auto;
	border: 2px solid transparent;
	border-radius: 8px;
	box-shadow: 0 8px 32px rgba(0,0,0,.1);
	background: white;
	position: relative;
}

.rm_formlsit_card:hover {
	border: 2px dashed #09bd71 !important;
	transition: all .2s;
}
#draggablePanelList .panel:last-child{
	border-bottom: 0px solid transparent !important;
}
.panel{
	box-shadow: 0 0px 0px #ccc !important;
	padding: 0;
	border-bottom: 1px solid #EFEFEF !important;
}
.rm_form_card_title::after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	clear: both;
}
.rm_form_card_title{
	max-width: 390px;
}
.rm_form_card_title span{
	float: left;
	max-width: 360px;
	word-break: break-all;
}
.rm_formlsit_card_btn_box {
	height: 34px;
	position: absolute;
	right: -2px;
	top: -17px;
	overflow: hidden;
	border: 0px solid #F2F2F2;
	border-radius: 4px;
	box-shadow: 0 0 10px #E9E9E9;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	background: #FFFFFF;
	font-size: 14px;
	font-weight: 900;
}
.rm_formlsit_card_btn_box.rm_box3{
	display: none;
}
.rm_formlsit_card:hover .rm_formlsit_card_btn_box{
	display: flex;
	display: -webkit-flex;
}


/* 折叠样式 */
.rm_formlist_card_title_box {
	padding: 12px 16px 0px 16px;
	border-bottom: 1px solid #EFEFEF;
}

.rm_formlist_card_title_input {
	width: 96%;
	outline: none;
	height: 34px;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #C2C5CA;
	padding: 0 10px;
}

.rm_formlist_card_title_input:focus {

	border-color: #09bd71;

}

input::-webkit-input-placeholder {
	/* placeholder颜色  */
	color: #989999;
	/* placeholder字体大小  */
	font-size: 14px;

}

.rm_formlist_card_title {
	font-size: 14px;
	color: #989999;
	padding: 0 20px 14px 20px;
	
	display: flex;
	align-items: center;
	
}

.rm_form_card {
	padding: 14px 30px 12px 38px;
	position: relative;
}

li {
	position: relative;
}

.rm_tipcapsule {
	width: 24px;
	height: 50px;
	border-radius: 24px;
	box-shadow: 0 0 10px #E9E9E9;
	background: white;
	position: absolute;
	right: -26px;
	top: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	overflow: hidden;
	z-index: 3000;
}

.rm-up-down-formlist {
	padding: 6px 6px;
}

.rm-up-down:hover {
	background-color: #DDDDDD;
}

.rm_form_card:hover {
	background:#cdd9fe !important;
}

.rm_form_card_top {
	font-size: 16px;
	font-weight: 900;
	color: #333333;
	display: flex;
	justify-content: space-between;
}
.rm_myModel_body_contentAuto{
	height: auto !important;
}
.rm_form_card_title {}

.rm_form_card_write {
	color: #09bd71;
}


.rm_form_card_bottom {
	margin-top: 10px;
	font-size: 14px;
	color: #989999;
	padding-left: 24px;
	line-height: 14px;
	max-width: 384px;
	height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rm_select {
	background: #cdd9fe !important;
}

#draggablePanelList .rm_form_card {
	cursor: move;
}

ul,
.panel {
	margin: 0;
	border: none;
	/*border-radius: 8px;*/

}
.panel{background-color: inherit;}
.rm_chang_mode_model .rf-tableEdit1 .layui-input, .rm_chang_mode_model .layui-unselect{background-color: inherit;}
.rm_hide {
	display: none !important;
}

.showTypeCenter11 {
	width: 226px;
	height: auto;
	cursor: pointer;
	border: 2px solid white;
}

.rm_changmode_item:hover .showTypeCenter11 {
	border: 2px solid #09bd71;
	transition: all .5s;
}
.rm_changmode_item:hover .layui-form-radio i{
	border: 1px solid #09bd71;
	transition: all .5s;
}
.rm_changmode_item:hover .layui-form-radio{
	color:  #09bd71;
	transition: all .5s;
}

.rm_change_record_style:hover .showTypeCenter11 {
	border: 2px solid #09bd71;
	transition: all .5s;
}
.rm_change_record_style:hover .layui-form-radio i{
	border: 1px solid #09bd71;
	transition: all .5s;
}
.rm_change_record_style:hover .layui-form-radio{
	color:  #09bd71;
	transition: all .5s;
}
.rm-radio:hover .layui-form-radio i{
	border: 1px solid #09bd71;
	transition: all .5s;
}
.rm-radio:hover .layui-form-radio{
	color:  #09bd71;
	transition: all .5s;
}
.showTypeCenter12 {
	width: 226px;
	height: auto;
	cursor: pointer;
	border: 2px solid white;
}

.rm_change_record_style:hover .showTypeCenter12 {
	border: 2px solid #09bd71;
	transition: all .5s;
}

.activeType {
	border: 2px solid #09bd71;
}

.rm_mode3 {
	box-shadow: none;
	border-radius: 0;
	border-color: rgba(0,0,0,0);
	width: 100%;
}

.rm_mode3_btnBox {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.rm_mode3_btn {
	width: 400px;
	height: 40px;
	border-radius: 4px;
	background: #09bd71;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 10px;
	cursor: pointer;
	transition: all .5s;
}

.rm_mode3_btn:hover {
	background-color: #37ca8c !important;
}
.rm_mode3_bj{display: none;font-size: 12px;color: hsla(0,0%,100%,.5);}
.rm_mode3_btn:hover .rm_mode3_bj{display: initial;}

.rm_content_2 {
	width: 100%;
}

.rm_mode3_btn_input {
	height: 30px;
	border-radius: 4px;
	width: 100%;
	border: 2px solid white;
	background: none;
	text-align: center;
	color: white;
}

.rm_mode3_btn_input:focus {
	border: 2px solid white;
	border-color: white;
}

.rm_record_card {
	padding: 24px 0;
	margin-bottom: 22px;
}

.rm_record_card_content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.rm_record_card_content_left {}

.rm_record_card_content_right {
	margin-right: 36px;
}

.rm_record_title {
	margin: 0 36px;
}

.rm_record_sign {
	padding-left: 0;
	margin: 10px 36px 0 36px;
}

.rm_record_btn {
	color: #284381;
	margin-left: 14px;
	font-weight: 900;
	cursor: pointer;
}

.rm_Permission_save_btn {
	width: 64px;
	height: 32px;
	border: none;
	outline: none;

	font-size: 14px;
	border-radius: 4px;
	cursor: pointer;
	background: #09bd71;
	color: white;
}

.rm_Permission_save_btn:hover {
	background: #37ca8c;
	transition: all .5s;
}

.rm_record_style_changBtn {
	width: 64px;
	height: 32px;
	border: none;
	outline: none;

	font-size: 14px;
	border-radius: 4px;
	cursor: pointer;
	background: #09bd71;
	color: white;
}

.rm_record_style_changBtn:hover {
	background: #37ca8c !important;
	transition: all .5s;
}

#table {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 4000;
}

.rm_cur_blue {
	color: #09bd71;
}

.rm_cur_blue:hover {
	color: #37ca8c;
	transition: all .5s;
}
.footer_record__box__side_ujs12{
	width: 602px;
	height: 100%;
	font-size: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
}
.footer_record__as1__side_ujs12 {
  z-index: 4005;
  background-color: #fff;
  border: 0;
  background-clip: padding-box;
  box-shadow: none;
  overflow: hidden;
  transition: all 0.2s;
	opacity: 1;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  right: -100%;
}