/*
<!----------------------------------------------------------------------------------------
* 请不要删除以下信息，以便随时能联系到开发技术人员
* 开发者：川哥编程
* 技术支持：
* 电话(微信) 13700879064
* qq(扣扣) 176323458
* ----------------------------------------
* Hi guys!
* if you need help with technical support, do not remove the following information.
* Coder: Achilles Lee
* Technical Support:
* Phone Number(Wechat): 13700879064
* Qq: 176323458
* I hope you will read this message if convenient.
* Best regards
---------------------------------------------------------------------------------------->
*/
html,body{margin:0px;padding:0px;}
html,body,a,div,input,select,h1,h2,h3,h4{font-family:'Microsoft YaHei';}
html,body,a,div,input,select{font-size: 16px; font-size: 1rem;}
.l{float:left;}
.r{float:right;}
.c{clear:both;margin:auto;}
.w{width:90%;margin:auto;}
.bg{ background-color:#3A6EA5; } /*43C1EE #799AE1*/
.bg, .bg a, .bg1, .bg1 a{ color:#fff; }
.bg1 { background: #F79D29; }
.bg2 {background: #fefefe;}
h2{text-align:center;}
.f15, .f15 * { font-size:15px; }
.f14, .f14 * { font-size:14px; }
.f12, .f12 * { font-size:12px;  }
.lt{text-align:left;}
.ct{text-align:center;}
.rt{text-align:right;}
.linkcolor a{ color:#1EA0FA; }
.fff, .subfff * { color:#fff; }
.f333, .f333 * { color:#333;}
.padl, .subpadl * { padding-left:10px; }
.padr, .subpadr * { padding-right:10px; }
.padt, .subpadt * { padding-top:10px; }
.padb, .subpadb * { padding-bottom:10px; }
.magl, .submagl * { margin-left: 10px; }
.magr, .submagr * { margin-right:10px; }
.magt, .submagt * { margin-top: 10px; }
.magb, .submagb * { margin-bottom:10px; }
.magboth, .submagboth * { margin-left:.312rem;margin-right:.312rem;margin-left:5px;margin-right:5px; }
.padboth, .subpadboth * { padding-left:.312rem;padding-right:.312rem;padding-left:5px;padding-right:5px; }
.green{color:green;}
.blue, .blue a:link, .blue a:visited {color:blue;border-bottom:1px solid;}
a, label {text-decoration:none;cursor:pointer;color:#000;}
img{cursor:pointer;border:none;vertical-align:middle;}
.logo img{
	margin-top:12px;
	max-height:36px;
	vertical-align:middle;
	margin-right:10px;
}
.strip{
	line-height:60px;
	line-height:3.75rem;
}
.strip a{
	margin-left:20px;
	margin-left:1.562rem;
}
.btn0{
	background:#F9F9F9;/*#E2E1E1*/
	cursor:pointer;
	border:none;
	color:#888;
	border:1px outset #fff;
	border-radius:5px;
	box-shadow:inset 0px 0px 6px 0px rgba(125,125,125,.1);
	/* padding:3px 8px 3px 8px; */
}
.btn0:hover{
	color:#000;
	/* border:1px outset #E2E1E1; */
	box-shadow:inset 0px 0px 6px 0px rgba(0,0,0,.1);
}
.btn0:active{
	color:#888;
	border:1px solid #fff;
}
.btn-white-oval a, a.btn-white-oval {
	color:#000;
	text-align:center;
	display:inline-block;
	border-radius: 50px;
    border: none;
    background: #fff;
	font-size: 16px;
	width:92px;
	height: 36px;
    line-height: 34px;
	font-weight: 600;
	padding: 0 !important;
}
.btn, .btn1 {
    /* display:inline-block; */
    padding: 10px 30px 10px 30px;
	outline: 0;
	border-radius:3px;
	cursor:pointer;
	border:none;
	background: #0077CC; /*#F79D29;*/
	text-decoration:none;
	font-size:15px;
	color:#eee;
	/* border:1px outset #fff; */
}
.btn:hover{
	color:#fff;
	box-shadow:inset 0px 10px 16px 10px rgba(125,125,125,.1);
}
.btn:active{
	color:#eee;
}
.btn1:hover{
	color:#000;
	box-shadow:inset 0px 0px 6px 0px rgba(0,0,0,.1);
}
.btn1{
	color:#888;
	background: #fff;
	border:1px solid #eee;
}
/* .btn, a.btn, #qrctrl a.btn, div.btn:hover{color:#fff;} */
div.btn {
	width:50%;
	margin:auto;
	padding:5px;
	font-size:14px;
	line-height:normal;
	color:#efefef;
}
/* a.btn, #qrctrl a.btn{ */
	/* padding:10px; */
	/* margin:0px; */
	/* line-height:0px; */
/* } */
.disabled {
	background: #d4d0c8;
	color:#888;
	text-shadow: 0 1px 0 #fff;
}
.toggle-menu{
	display:none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
input,textarea, select, button {
    border:1px solid #d4d0c8;
    padding:10px;
    border-radius:3px;
	margin-right:10px;
}
textarea::-webkit-input-placeholder {
    font-family:'Microsoft YaHei';font-size: 1rem;
}
textarea::-webkit-input-placeholder {
    font-family:'Microsoft YaHei';font-size: 1rem;
}
textarea:-moz-placeholder {
    font-family:'Microsoft YaHei';font-size: 1rem;
}
textarea:-ms-input-placeholder {
    font-family:'Microsoft YaHei';font-size: 1rem;
}
input[type="checkbox"]{border:none;margin-right:3px;}
label {margin-right:5px;margin-right:5px;}
label b {font-weight:normal;}
input:checked + b {color:orangered;}
.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
}
b.wd{ color:red; font-weight:normal; }
b.light{ color:red; margin-left:.3rem; margin-right:.3rem; }
.tooltip{
	position:absolute;
	padding:10px;
	background:infobackground;
	border:1px solid #d4d0c8;
	line-height:22px;
	/* text-shadow:0 1px 0 #fff; */
}
.ellipsis{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
}
.tipover{
	position:absolute;
	background:#fff;
	z-index:9999;
	background:infobackground;
	border-radius:5px;
}
.tipover>.arrow {
	position:absolute;
	top:30%;
	margin-left:-20px;
	float:left;
	width:0; 
	height:0;
	border-width:10px;
	border-style: solid;
	border-color:infobackground transparent transparent transparent;
	transform: rotate(90deg);
	z-index:2;
}
.tipover>.content{
	background:infobackground;
	border-radius:5px;
	/* border:1px solid #eee; */
	box-shadow: 6px 6px 8px rgba(0,0,0,.3);
	max-width:500px;
	max-height:350px;
	overflow-x:hidden;
	overflow-y:auto;
	padding:10px 20px 10px 25px;
}
table.dataGrid {
	clear:both;
	border-color:#eee;
	border-width:1px;
	border-style:none;
	border-collapse:collapse;
	border-bottom:1px solid #eee;
    color:#666;
    margin-top:10px;
    width:100%;
    margin:auto;
	line-height:24px;
}
table.dataGrid a:link, .dataGrid a:visited { text-decoration:none; color:#666; cursor:pointer; }
.dataGrid a:hover { color:orangered; }
.dataGrid thead th, .dataGrid td {padding:8px;border:1px solid #eee;  }
.dataGrid thead th { background: #efefef; text-align:left;}
/*.dataGrid td { font-family: sans-serif; text-shadow: 0 1px 0 #fff; }*/
/* .dataGrid thead th, .dataGrid thead th a, .dataGrid th a:hover{} */
/* body tr:hover { background-color:#f8f8f8; } */
td.lcel, th.lcel, .rt{text-align:right;}
td.rcel, th.rcel, .lt{text-align:left;}
td.lcel, th.lcel {width:16%;}
td.rcel, th.rcel{text-align:justify;}
/***************************电脑端悬浮菜单***************************/
.menuListStrip {
	overflow: hidden; 
	display:inline;
	/* border:1px solid; */
	position:relative;
	/* top:-10px; */
}
/* 设置ul和li的样式 */
.menuListStrip span {
	display:inline-block;
}
/* 设置二级菜单绝对定位，并隐藏 */
.menuListStrip > span > div {
	position: absolute;
	display: none;
	z-index:100;
	width:140px;
	line-height:36px;
	
}
/* 鼠标放在一级菜单上，显示二级菜单 */
.menuListStrip > span:hover div {
	display: block;
}
/* 在一级菜单中，鼠标放上去的样式 */
.menuListStrip > span > a:hover {
	color: green;
}
/* 二级菜单 */
.menuListStrip > span > div > a {
    border-radius: 1px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
	display:inline-block;
	color:#666;
	border:1px solid #eee;
}
/* 在二级菜单中，鼠标放上去的样式 */
.menuListStrip > span > div > a:hover {
	background: #eee;
	color:#000;
}
.nav, .nav a, .tip{font-size:14px;color:#666;}
.nav a{color:#0474C8;}
.tip{
	text-indent:2rem;
	max-width:77%;
	line-height:1.4rem;
}
.tabControl {
	margin-top:20px;
	margin-top:1.25rem;
}
.tabControl ul {
	margin:0px;
	list-style-type:none;
	overflow:hidden;
	padding:0px 20px 0px 20px;
	padding:0px 1.562rem 0px 1.562rem;
}
.tabControl ul li {
	float:left;
	margin:0px;
	padding:10px 20px 10px 20px;
	padding:.625rem 1.562rem .625rem 1.562rem;
}
ul.tabBar {
	position:relative;
	top:2px;
	z-index:1;
}
ul.tabBar li {
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:none;
	border-left:2px solid #fff;
	cursor:pointer;
	color:#000;
}
ul.tabBar li.on {
	border-top:2px solid #d4d0c8;
	border-right:2px solid #d4d0c8;
	border-bottom:2px solid #fff;
	border-left:2px solid #d4d0c8;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	cursor:text;
	color:#000;
}
.tabPage {
	border-top:2px solid #d4d0c8;
}
.pagebar{padding:20px 10px;border-top:1px solid #eee;margin:10px 12px 10px 10px;text-align:center;}
.pagebar a, .pagebar a:visited{ text-align:center; }
.pagebar a, .pagebar a:visited, .pagebar strong{margin-left:5px;margin-right:5px;}
.pagebar span{margin-left:10px;color:#888;}
#copyright {
	margin-top:48px;margin-top:3rem;
	/* padding-top:80px;padding-top:5rem; */
	padding-top:16px;padding-top:1rem;
	padding-bottom:80px;padding-bottom:5rem;
	text-align:center;
	background:#1D3650;
	width:100%;
	line-height:2rem;line-height:30px;
}
#copyright, #copyright a {
	color:#eee;
}

/*无限极下拉菜单*/
#droplist {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
	/* padding: 7px 6px 0; */
	/* background: #7d7d7d url(img/gradient.png) repeat-x 0 -110px; */
	line-height: 100%;
	position:relative;
	z-index:9999;
	top:15px;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#droplist li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#droplist a {
	/* font-weight: bold; */
	color: #fff;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	/* text-shadow: 0 1px 1px rgba(0,0,0, .3); */
}
#droplist a:hover {
	background: #fff;
	color: #eee;
}

/* main level link hover */
#droplist .current a, #droplist li:hover > a {
	/* background: #red; */
	/* color: #444; */
	/* border-top: solid 1px #f8f8f8; */

	/* -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); */
	/* -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); */
	/* box-shadow: 0 1px 1px rgba(0,0,0, .2); */

	/* text-shadow: 0 1px 0 rgba(255,255,255, 1); */
}

/* sub levels link hover */
#droplist ul li:hover a, #droplist li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#droplist ul a:hover {
	background: #0078ff repeat-x 0 -100px !important;
	color: #fff !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#droplist li:hover > ul {
	display: block;
}
/* level 2 list */
#droplist ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #ddd repeat-x 0 0;
	border: solid 1px #b4b4b4;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#droplist ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#droplist ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#droplist ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#droplist ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#droplist ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#droplist:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* #dialoghead { */
	/* background:#000;min-width:500px;cursor:move; */
/* } */
.dialoghead, .dialoghead a{color:#fff;}
/* #dialogbody{ */
	/* padding:30px 10px; */
/* } */
/* #dialogfoot{ */
	/* background:#eee;padding:10px; */
/* } */
#logoff_menu, #msignbox{display:none;}

/***********************************************************
<div class="btn-toggle-box">
     <div class="bar-toggle bar-toggle-off" data-click="toggle_click"></div>
     <div class="btn-toggle btn-toggle-off" data-click="toggle_click"></div>
</div>
/_su/mobile/js/muti.js
************************************************************/
.btn-toggle-box {
    position: relative;
    width: 36px;
    z-index: 0;
	/* margin: auto; */
}
.btn-toggle-box * {cursor:pointer;}
.btn-toggle {
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
	 width: 18px;
    height: 18px;
    position: relative;
    transition: transform linear 255ms, background-color linear 255ms;
    z-index: 1;
}
.btn-toggle-on { background-color: #4285F4; transform: translate3d(20px, 0, 0); }
.bar-toggle-on { background-color: #4285F4; }
.bar-toggle {
    border-radius: 8px;
    height: 14px;
    left: 3px;
    opacity: 0.4;
    position: absolute;
    top: 2px;
    transition: background-color linear 255ms;
    width: 30px;
    z-index: 1;
}
.btn-toggle-off { background-color:#FAFAFA; }
.bar-toggle-off { background-color:#000; }

@media only screen and (max-width: 767px) {
	.tabControl {
		background:#E9E9E9;
		margin:-13px 0px;
		padding: 0px;
		/* padding:.562rem 0px 0px 0px; */
		width:100%;
	}
	.tabControl ul, .tabControl ul li {
		padding: 0px;
	}
	ul.tabBar, .tabPage .nav {
		display:none;
	}
	#dataGrid {
		margin-top:0px;
	}
	ul.tabBar {
		margin:.312rem;
		padding:0px 0px .562rem 0px;
	}
	ul.tabBar li {
		color: #555555;
		white-space: nowrap;
		width:33%;
		margin:.312rem 0px .312rem 0px;
		padding:.562rem 0px .562rem 0px;
		text-align:center;
		border:none;
	}
	ul.tabBar li.on {
		background: #3085d6;
		border-radius: 50px;
		cursor:text;
		color:#fff;
		border:none;
	}
	ul.tabBar li.on a{color:#fff;}
	.tabPage {
		background: #fff;
		border-top:none;
	}
	.dataGrid {width:100%;}
	td.lcel{
		display:none;
		width:0px;
	}
	td.rcel {width:100%;}
	.nav {padding:.5rem .5rem 0 .5rem;}
	.tip{
		text-indent:2rem;
		max-width:100%;
		line-height:1.4rem;
		padding: 0 .5rem;
	}
	.mobileDevice {
		display:inline-block;
	}
	.strip .subbox, #droplist {
		display:none;
	}
	#droplist.on {
		position:absolute;
		display:block;
		top:111px;
		left:0px;
		float:none;
		background:#000;
		border-radius:none;
		-webkit-border-radius:0;
		width:100%;
		list-style-type:none;
		padding-top:20px;
		padding-bottom:20px;
	}
	#droplist ul {
		/* background:#000; */
		display: none;
		margin: 0;
		padding: 0;
		width: 185px;
		position: absolute;
		top: 35px;
		left: 0;
		background: #000;
		border: solid 1px #b4b4b4;

		-webkit-border-radius: none;
		-moz-border-radius: none;
		border-radius: none;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#droplist ul a {
		text-shadow: none;
		color:#fff;
	}
	#droplist ul li:hover a, #droplist li:hover li a {
		background: none;
		border: none;
		color: #fff;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	#logoff_menu, #msignbox{display:block;}
	.strip a.toggle-menu {
		display: inline-block;
		position:relative;
		/* top:5px; */
		/* width: 46px; */
		text-align: center;
		color: #fff;
		/* background: #276AAB; /* #276AAB #799AE1*/ */
		/* height: 40px; */
		/* line-height: 38px; */
		/* -moz-border-radius: 50px; */
		/* -webkit-border-radius: 50px; */
		/* border-radius: 50px; */
		/* font-size: 30px; */
		/* font-size: 1.875pxrem; */
		/* filter:alpha(opacity=80); */
		/* -moz-opacity:0.8; */
		/* opacity: 0.8; */
	}
	i.icon-menu {
		cursor: pointer;
		font-style:normal;
	}
	i.icon-menu:before {
		content: "☰"; height: inherit;
		height: inherit;
	}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	/* 50% {opacity: .8;} */
	100% {opacity: 1;}
}
.fadeIn{
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: .5s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/
}