/*
* main.css
*/
#page {margin-top: 5px;margin-bottom: 5px;background: white;border: 1px solid #C9E0ED;width: 100%;}
#header {margin: 0;padding: 0;border-top: 3px solid #C9E0ED;}
#content {padding: 20px;}
#sidebar {padding: 20px;}
#footer {padding: 10px;margin: 10px 20px;font-size: 0.8em;text-align: center;border-top: 1px solid #C9E0ED;}
#logo {padding: 10px 20px;font-size: 200%;}
#mainmenu {background: white url(bg.gif) repeat-x left top;}
#mainmenu ul {padding: 6px 20px 5px 20px;margin: 0px;}
#mainmenu ul li {display: inline;}
#mainmenu ul li a {color: #ffffff;background-color: transparent;font-size: 12px;font-weight: bold;text-decoration:
none;padding: 5px 8px;}
#mainmenu ul li a:hover, #mainmenu ul li.active a {color: #6399cd;background-color: #EFF4FA;text-decoration: none;}
div.flash-error, div.flash-notice, div.flash-success {padding: .8em;margin-bottom: 1em;border: 2px solid #ddd;}
div.flash-error {background: #FBE3E4;color: #8a1f11;border-color: #FBC2C4;}
div.flash-notice {background: #FFF6BF;color: #514721;border-color: #FFD324;}
div.flash-success {background: #E6EFC2;color: #264409;border-color: #C6D880;}
div.flash-error a {color: #8a1f11;}
div.flash-notice a {color: #514721;}
div.flash-success a {color: #264409;}
div.form .rememberMe label {display: inline;}
div.view {padding: 10px;margin: 10px 0;border: 1px solid #C9E0ED;}
div.breadcrumbs {font-size: 0.9em;padding: 5px 20px;}
div.breadcrumbs span {font-weight: bold;}
.portlet {}
.portlet-decoration {padding: 3px 8px;background: #B7D6E7;border-left: 5px solid #6FACCF;}
.portlet-title {font-size: 12px;font-weight: bold;padding: 0;margin: 0;color: #298dcd;}
.portlet-content {font-size: 0.9em;margin: 0;padding: 5px 8px;margin-bottom: 15px;background: #EFFDFF;}
.portlet-content ul {list-style-image: none;list-style-position: outside;list-style-type: none;margin: 0;padding: 0;}
.portlet-content li {padding: 2px 0 4px 0px;}
/*
* public.css
*/
.bt_color {background-color: #dbb97c !important;color: white;}
.clear {clear: both;margin: 0 !important;}
a {color: #3281ea;}
.hide {display: none !important;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
{display: inline-block;min-height: 30px;padding: 4px 8px;font-size: 14px;color: #555;vertical-align: middle;border-radius:
4px;border: 1px solid #ccc;background-color: #fff;}
div label {display: block;}
.pagebar {overflow: hidden;border-top: 1px solid #eee;padding: 15px 0 0 0;clear: both;box-sizing: content-box;height:
32px;flex-shrink: 0;
	/* margin-top: 10px; */
}
.perpage {float: left;margin: 0;}
.perpage select {float: left;width: 4rem;margin: 0 .5rem;}
.pageinfo {float: left;height: 2rem;line-height: 2rem;color: #777;}
.pagejump {float: right;margin: 0;}
.pagejump select {float: left;width: 3rem;margin-right: 1rem;}
.pagebt {float: left;margin-right: 0.3rem;height: 2rem;line-height: 2rem;text-align: center;border: 0;cursor:
		pointer;padding: 0 .5rem;color: #333;}
.pagebt:hover {color: #3281ea;}
/*
* index
*/
.toolbar {
	width: 100%;
	/* height: 100px; */
	overflow: hidden;
	word-break: normal;
	min-height: 30px;
	box-sizing: unset;
	flex-shrink: 0;
	transition: all ease .3s;
	}
.toolbar1 {width: 100%;
	background-color: white;padding: 0 0 10px 0;box-sizing: unset;overflow: hidden;
	flex-shrink: 0;}
.actionbt {
		float: right;
		margin: 0 5px;
		cursor: pointer;
		background-color: #222d32;
		color:
		#fff;
		height: 28px;
		line-height: 28px;
		min-width: 50px;
		text-align: center;
		display: inline-block;
		box-sizing:
		border-box;
		padding: 0 12px;
		}
.toolbar1 .filter_submit {float: right;}
.actionbt:hover {background-color: #38a8fb;color: #fff;}
.filter_item {display: none;}
.filter_item, .filter_submit {float: left;margin: 0 0.8rem .8rem 0;box-sizing: unset;}
.filter_item span {font-size: .8rem;}
.filter_input, .filter_select {width: 12rem;margin-bottom: 0 !important;}
.filter_input[type=number] {width: 6rem;}
.Wdate {width: 8rem;}
.filter_word {line-height: 32px;}
.filter_checkbutton {float: left;height: 30px;line-height: 30px;padding: 0 5px;margin: 0 5px;border: 1px solid
#ccc;border-radius: 5px;cursor: pointer;}
.filter_checkbutton_checked {background-color: #3885f7;color: #fff;}
.filter_submit {width: 60px;height: 28px;margin: 0;cursor: pointer;line-height: 28px;text-align:
		center;background-color: #3281ea;color: #fff;font-size: 12px;}
.filter_submit img {margin: 7px 0 0 7px;}
.filter_more {float: right;margin: 1rem 1rem 0 0;padding: .4rem;border-radius: .5rem;cursor: pointer;font-size: .8rem;}
.data_area {
	height: 50%;
	/* height: calc(100% - 165px) !important; */
	flex: 1;
	position: relative;
	}
.data_area table {width: 100%;flex: 1;table-layout: fixed;}
.data_area td {text-align: center;word-wrap: break-word;word-break: break-all;overflow: hidden;box-sizing: content-box;
	/* white-space: nowrap; */
}
.data_area td * {box-sizing: unset;}
.data_head td ,.tableWrap .tableWrapHead table tr td{padding: 0.75rem .5rem;border-width: 1px 1px 1px 1px;border-style: solid;border-color: #eee;background:
		#fff;font-weight: 700;
	/* height: 30px; */
	line-height: 1.5;}
.data_body tr,.tableWrap .tableWrapBody tr:nth-child(even) td {background-color: #f5f8fa;}
.data_body td {padding: 0.45rem .5rem;border-width: 1px 1px 1px 1px;border-style: dotted;border-color: #ccc;}
.data_head_inner {overflow-x: hidden;}
.data_head_inner_flow {display: flex;}
.data_head_inner_flow::after {content: ' ';display: block;width: 17px;height: 20px;}
.data_body {overflow: auto;height: 98%;height: calc(100% - 55px) !important;position: relative;}
.tr_odd {background-color: white !important;}
.scale_img {float: left;height: 6rem;width: 100%;cursor: pointer;}
.data_body table tbody tr:hover {background: #e5ecf1 !important;}
.hasClick {background-color: #e4eaef !important;}
#openqueryDiv {width: 40px;position: absolute;right: 0;top: 15px;color: #888;}
#openqueryDiv img {width: 18px;}
/*
* root.css
*/
.index_top {position: fixed;top: 0;left: 0;width: 100%;z-index: 10;max-height: 100px;}
.index_bottom {float: left;width: 100%;overflow: hidden;position: relative;}
.index_icon {transition: width 0.3s ease-in-out;display: block;float: left;height: 50px;font-size: 20px;line-height:50px;text-align: center;width: 230px;padding: 0	15px;font-weight: 300;overflow: hidden;background-color: #313131;color: #fff;}
.index_icon .icon {float: left;background: #dbb97c;width: 50px;height: 100%;display: flex;align-items:center;justify-content: center;}
.index_icon .icon img {width: 30px;}
.index_icon .logo {float: left;height: 100%;width: 60px;display: flex;align-items: center;justify-content: center;}
.index_icon .logo img {width: 35px;}
.index_icon img {}
.index_info {transition: margin-left 0.3s ease-in-out;margin-bottom: 0;margin-left: 230px;border: none;min-height:50px;border-radius: 0;position: relative;background-color: #313131;}
.index_info_one {float: right;height: 2rem;line-height: 2rem;font-size: .8rem;margin: 0.5rem 1rem 0 0;color: #fff;}
.index_info_one a {color: #dbb97c;}
.index_left {position: fixed;top: 0;left: 0;padding-top: 50px;min-height: 100%;width: 230px;margin-left: 0;z-index: 9;background:#313131;transition: all ease .3s;transform: translate(0, 0);}
.index_right {z-index: 8;position: relative;height: 100%;padding-top: 50px;transition: all ease .3s;margin-left: 230px;overflow: hidden;}
.index_switch {float: left;width: 100%;text-align: center;height: 2rem;line-height: 2rem;cursor: pointer;}
.index_menu {width: 100%;height: 50%;background-color: #313131;overflow-y: auto;overflow-x: hidden;max-height:calc(100vh - 50px);}
.menu_a, .menu_b {float: left;width: 100%;cursor: pointer;color: #FCFCFC;overflow: hidden;}
.menu_a {height: 3rem;line-height: 3rem;font-size: .8rem;border-top: 1px solid #202020;}
.menu_a_selected, .menu_a_hover {background-color: #141414;color: #dbb97c;}
.menu_b {height: 0;line-height: 2.5rem;overflow: hidden;}
.menu_b_selected, .menu_b_hover {background-color: #f5f3f4;color: #2a2822;border-left: .5rem solid #f0bb61;}
.short_name {display: none;}
.menu_a .full_name {padding-left: 1.5rem;}
.menu_b .full_name {padding-left: 3rem;}
.menu_b_selected .full_name, .menu_b_hover .full_name {padding-left: 2.5rem;}
.index_tab {height: 45px;position: absolute;left: 0;top: 0;z-index: 5;width: 100%;}
.index_tab ul {margin: 0;border-bottom: 2px solid #333;min-height: 37px;list-style: none;word-break: break-all;padding:12px 5px 0 9px;white-space: nowrap;display: flex;align-items: center;position: relative;transition: all ease .3s;}
.index_tab ul li {list-style: none;background: #eee;padding: 2px 10px 0px 14px;margin: 0;margin-left: 7px;position: relative;height: 31px;display: flex;align-items: center;flex-shrink: 0;}
.index_tab ul li:hover {cursor: pointer;background: #ddd;}
.index_tab ul li:hover span:hover {color: #999;}
.index_tab ul li.active span {color: #ccc;}
.index_tab ul li.active {	font-weight: 700;background: #333;color: #fff;}
.index_tab ul li span {display: block;width: 15px;height: 15px;text-align: center;color: #666;border-radius:
15px;line-height: 1;}
.index_tab ul li span:hover {cursor: pointer;color: #fff;}
.index_tab ul li.index_tab_li_index_tab_first, .index_tab ul li.more {padding: 4px 8px 0px 8px;}
.index_tab ul .more {position: absolute;right: 15px;bottom: 0;z-index: 10;padding: 4px 10px 0px 10px;display:
none;background: #eee;height: 28px;align-items: center;justify-content: center;}
.index_tab ul .more .moreIco {}
.index_tab ul .more .moreIco i {}
.index_tab ul .more .index_tab_more_wrap {position: absolute;background: #fff;top: 28px;right: 0;display: none;z-index:
11;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.index_tab ul .more:hover {}
.index_tab ul .more:hover .index_tab_more_wrap {display: block;}
.index_tab ul .more .index_tab_more_wrap p {margin: 0;display: flex;width: 150px;justify-content: space-between;padding:
7px 7px 7px 14px;}
.index_tab ul .more .index_tab_more_wrap p:hover {background: #f5f5f5;cursor: pointer;}
.index_tab ul .more .index_tab_more_wrap p.active {background: #313131;color: #fff;}
.index_tab ul .more .index_tab_more_wrap p span {display: block;width: 20px;height: 18px;line-height: 1;text-align:
center;display: flex;justify-content: center;align-items: c;}
.index_content {padding: 20px;height: 100%;display: flex;flex-direction: column;}
.index_contents {height: 100%;}
.index_right_wrap {width: 100%;height: 100%;position: relative;padding-top: 45px;}
.index_iframe {}
#index_iframe {height: 100%;}
.index_prompt {position: absolute;right: 10px;bottom: 10px;width: 300px;border: 1px solid #333;border-radius:5px;background-color: white;}
.prompt_title {float: left;width: 100%;height: 40px;line-height: 40px;border-bottom: 1px solid #333;}
.prompt_word {float: left;margin-left: 30px;width: 240px;text-align: center;}
.prompt_close {float: right;width: 20px;margin: 10px 10px 0 0;cursor: pointer;}
.prompt_body {float: left;width: 250px;padding: 25px;line-height: 24px;}
.prompt_action {float: left;width: 280px;padding: 10px;}
.prompt_bt {width: 140px;height: 35px;line-height: 35px;margin: 0 auto;text-align: center;border: 1px solid
#333;border-radius: 5px;cursor: pointer;}
.index_menu::-webkit-scrollbar {width: 5px;height: 13px;background: rgba(0, 0, 0, 0.8);-webkit-border-radius:
5px;-moz-border-radius: 5px;border-radius: 5px;}
.index_menu::-webkit-scrollbar-thumb:hover {background-color: rgba(255, 255, 255, .2);-webkit-border-radius:
5px;-moz-border-radius: 5px;border-radius: 5px;}
.index_menu::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, 0.6);background-clip:padding-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;min-height: 28px;}
/*
* 重构 21210909
*/
html, body {height: 100%;}
.wrapper {height: 100%;}
body {font-size: 13px;font-family: microsoft-yahei;}

.tableWrap{width: 5rem;top: 0;left: 0;position: absolute;z-index: 12;height: 100%;display: none;overflow: h;}
.tableWrap.tableWrapShow{display: block;}
.tableWrap {}
.tableWrap .tableWrapHead{}
.tableWrap .tableWrapHead table {}
.tableWrap .tableWrapHead table tr {}
.tableWrap .tableWrapHead table tr td {}
.tableWrap .tableWrapBody {
    overflow-y: hidden;
}
.tableWrap .tableWrapBody tr {}
.tableWrap td{
	border: 1px dotted #ccc;
	background: #fff;
}
.tableWrap .tableWrapBody tr td{
	padding: 0.45rem .5rem;
}
.tableWrap .tableWrapBody td{
}
.index_content .toolbarUp{ display: none;}
/*
* creatDelivery 
*/

.floatMiniForm{
    padding: 15px;
}
.floatMiniForm .floatMiniFormWrap{}
.floatMiniForm .floatMiniFormWrap .floatMiniFormTop{
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}
.floatMiniForm .floatMiniFormWrap .floatMiniFormTopList{
    margin-bottom: 11px;
    line-height: 1;
    margin-right: 13px;
}
.floatMiniForm .floatMiniFormWrap .floatMiniFormTopList span{}
.floatMiniForm .floatMiniFormWrap .floatMiniFormTopList span:first-child{}
.floatMiniForm .floatMiniFormWrap .floatMiniFormTopList span:last-child{
    font-weight: 700;
    color: #eb2d2d;
}
.floatMiniForm .floatMiniFormWrap .floatMiniFormTopListRadio{
    flex: 100%;
    display: flex;
    flex-wrap: wrap;
}
.floatMiniForm .floatMiniFormWrap .floatMiniFormTopListRadio input {margin: 0 3px 0 10px;}
.floatMiniForm .floatMiniFormWrap .floatMiniFormTopListRadio input label{}
.floatMiniForm .floatMiniFormBottom {}
.floatMiniForm .floatMiniFormBottom .floatMiniForminputList input,.floatMiniForm .floatMiniFormBottom .floatMiniForminputList select{
    margin-bottom: 10px;
}
.floatMiniForm .floatMiniFormBottom .floatMiniForminputList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.floatMiniForm .floatMiniFormBottom .floatMiniForminputList input{
    width: 48.5%!important;
}
.floatMiniForm .floatMiniFormBottom .floatMiniForminputList select{
    width: 48.5%!important;
}
.floatMiniForm .floatMiniFormBottom .floatMiniForminputList input:last-child{
    width: 100%!important;
}
.floatMiniForm .floatMiniFormBottom .floatMiniFormButton{}
.floatMiniForm .floatMiniFormBottom .floatMiniFormButton p{
    background: #333;
    color: #fff;
    text-align: center;
    padding: 10px 0;
	font-size: 14px;
    border-radius: 5px;
}
.floatMiniForm .floatMiniFormBottom .floatMiniFormButton p:hover{cursor: pointer;opacity: .8;}

/*
* creatDelivery end
*/



@media all and (max-width: 640px) {
	.index_info {width: auto;margin-left: 80px;}
	.index_icon {width: 80px;padding: 0;}
	.index_content .toolbarUp{display: block;}
	.data_area {height: 100%;}
	.data_body{/* height: calc(93%)!important; */}
	.data_head td, .tableWrap .tableWrapHead table tr td {padding: 0.25rem .2rem;font-size: 12px;}
	.data_body td, .tableWrap .tableWrapBody tr td {padding: 0.2rem .2rem;font-size: 12px;}
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
	input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
	input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
	.uneditable-input {font-size: 14px;height: 33px;width: 100% !important;}
	.filter_item {margin: 0 0 10px 0;width: 48%;float: none;}
	#openqueryDiv {display: none;}
	.index_content {padding: 15px;}
	body {font-size: 12px;}
	.actionbt {margin-bottom: 7px;height: 32px;line-height: 32px;margin-left: 7px;}
	.toolbar {display: flex;justify-content: space-between;flex-wrap: wrap;overflow: hidden;/* box-shadow: 0 0 10px rgba(0,0,0,0.2) inset; */}
	.layui-layer.layer-anim-06,.layui-layer.layui-layer-iframe {width: 100% !important;left: 0 !important;}
	.filter_item.topTimeWrap{
    width: 100%;
    position: relative;
    padding-top: 24px;
    display: flex!important;
    justify-content: space-between;
}
.filter_item.topTimeWrap span{
    position: absolute;
    top: 0;
    left: 0;
}
.filter_item.topTimeWrap input{
    width: 48%!important;
}
.pagebar{height: auto;padding-bottom: 20px;}
.perpage select,.pageinfo,.pagejump,.perpage,.pagejump select{/* float: none; */width: auto!important;}
.perpage{
    flex: 1;
    overflow: hidden;
    /* width: 100%; */
}
div.wellcome{/* padding: 15px; */}
.toolbarUp{
    text-align: center;
    color: #3281ea;
    margin: 0;
    padding: 15px 0;
}
.index_left{margin-left: 0;transform: translate(0, 0);}
.index_right{margin-left: 0; transform: translate(230px, 0);}
.side-open{}
.side-open .index_left{
    transform: translate(-230px, 0);
}
.side-open .index_right{
    margin-left: 0;
    transform: translate(0, 0);
}
.toolbar1 .filter_submit{
    clear: both;
    margin: 5px auto;
    width: 100%;
    height: 33px;
    line-height: 33px;
}
}


.page_add_questionTag {
    position: relative;
    display: inline-block;
}
.page_add_questionTag .icon-question {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 100%;
    font-size: 12px;
    color: #999;
}
.page_add_questionTag .qsmain::before {content: ' ';display: block;width: 10px;height: 10px;z-index: 20;position: absolute;bottom: -3px;left: 49px;background: #fff;transform: rotate(45deg);box-shadow: 2px 2px 3px rgba(0,0,0,0.07);}
.page_add_questionTag:hover .qsmain { display: block;}
.page_add_questionTag .qsmain {
	display: none;
	position: absolute;
	z-index: 20;
	top: -41px;
	left: -48px;
	width: auto;
	height: 34px;
	line-height: 1;
	background: #fff;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
	box-sizing: border-box;
	padding: 10px;
	border-radius: 5px;
	/* display: none; */
	border: 1px solid #ddd;
}
.page_add_questionTag .qsmain .txt {
    margin: 0;
    white-space: nowrap;
    /* text-align: center; */
}