-----------------所有元素的通用--------------------*/
*{
	/*margin: 0px; padding: 0px;*/
	font-family: "宋体", Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	word-wrap:break-word; /*长单词是否换行*/
	outline:none; /*元素轮廓样式（与boder区别：不会增加额外的width或者height）*/
}


html { font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/ } 
/*@media screen and (min-width: 768px) {
	html { font-size: 50%; }
}
@media screen and (min-width: 1200px) {
	html { font-size: 62.5%; }
}
@media screen and (min-width: 1440px) {
	html { font-size: 75%; } 
}*/

/*@media screen and  (min-device-width: 768px){
	html { font-size: 50%; }
}
@media screen and  (min-device-width: 992px){
	html { font-size: 75%; }
}
@media screen and  (min-device-width: 1200px){
	html { font-size: 85%; } 
}
@media screen and  (min-device-width: 1440px){
	html { font-size: 90%; } 
}
@media screen and  (min-device-width: 1920px){
	html { font-size: 85%; } 
}*/

/** 前端如何解决pc端屏幕显示设置缩放比例对页面布局的影响?
@media all
and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
    (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
    (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
    :root {
        font-size: 14px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
    (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
    (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
    :root {
        font-size: 13px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
    (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
    (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
    :root {
        font-size: 12px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
    (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
    (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    :root {
        font-size: 10px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
    (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
    (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
    :root {
        font-size: 9px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
    (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
    (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
    :root {
        font-size: 8px;
    }
}
*/

body { 
	/*background-color: #f2f9fd;*/ /*浅蓝养眼色*/
	/*background-color: #fdfcf8;*/ /*黄绿养眼色*/
	/*font-size: 1.2rem;*/ /*1.2 × 10px = 12px */ 
	padding:0px;
	color: #666;
	line-height: 150%;
}

h1 { font-size: 2.4rem; font_weight: 700;} 
h2 { font-size: 1.8rem; } 
button, span, label, ul, li, th, td, p, a {
	font-size: 1.2rem;
	line-height: 100%;
}

th {
	padding-top: 0.5rem;
	padding-right: 0;
	padding-bottom: 0.5rem;
	padding-left: 0;
	font-weight: 700;
	/*line-height: 200%;*/
	color: black;
	text-align: center;
}

td {
	line-height: 145%; 
	margin: 0px;
	padding: 1px 2px;
}
td, input, textarea, select, button, span, label{ 
	color: #000; 
}

/*----------------- input,textarea,select 的边框样式、颜色 --------------------*/
input {
	font-size: 1.3rem; /*为了与select的调试对齐而设置*/
	line-height: 100%;
}
textarea, select {
	font-size: 1.2rem;
	line-height: 100%;
}
input, textarea, select{
	box-sizing: border-box; /*高/宽度模式（＝全部）*/
	padding:0.2rem;

	border-radius:1px;
	border:1px solid #909090;

	/*过渡延时效果*/
	-webkit-transition: box-shadow 0.10s ease-in-out;
	-moz-transition:  box-shadow 0.10s ease-in-out;
}
/*获得焦点时，有光圈(87C6F9/FF95CA)*/
input:focus, textarea:focus, select:focus{
	outline:none;
	border:1px solid #87C6F9;
	/*box-shadow: 0 0 3px #FF95CA;*//*红色*/
	box-shadow: 0 0 3px rgba(103, 166, 217, 1);/*蓝色*/
}
hr.table_hr {
	height:1px;
	border:none;
	box-shadow: 0 0 6px rgba(103, 166, 217, 1);
}
/*取消 :focus 添加边框样式的响应(反作用于上面:focus功能)*/
.noBorder-focus:focus {
	outline: none;
	border: none;
	box-shadow: none;
}

/*复选框*/
input[type=checkbox], input[type=radio] {
	vertical-align: middle; margin-top:0;
	height: 1.2rem; width: 1.2rem;
}
input[type=month] { padding: 0.1rem; }
input[type=date] { padding: 0.1rem; }
input[type=time] { padding: 0.1rem; }

/*--------------------- a/button ----------------------*/

a { color:#000; text-decoration: none; }
a:hover { color:#FF0000; text-decoration:none; }
a img{ border:none; }

button { 
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
  	height: 2rem;
	line-height: 1.4rem;
	font-size: 1.2rem
	padding: 0 1rem;
	/*border-width: 0.1rem; border-radius:0.2rem; box-shadow: 0 0 0.2rem #888888*/
}
button:hover { color:#f00; }
button[disabled] {color: gray;}
button[disabled]:hover {color:gray;} /*若该按钮“不可用”，则hover时不显示为红色*/

h3 .btn{ margin-left:10px; vertical-align:middle; }

/*============================类类类类类类类类类类类===============================*/
/*固定在“顶部”的元素*/   
.div_guding_ding{
	position:fixed; top:0; 
	background: #ECF5F3; 
	width: 99%;
	z-index: 10;
}

/*子页导航div*/
.yeDaohang {
	height:1.8rem;
	background-color:#97CBFF; 
	vertical-align: bottom;
	
	border-width: 0.2rem 0 0 0;
    border-style: solid;
    border-color: #97CBFF;

    padding-left: 1rem;
}
.yeDaohang a {
	vertical-align: bottom;
	padding: 0.3rem;
}
.yeDaohang a:hover { text-decoration: none; }

/*用于 布局 的 td*/
.td_layout { 
	margin: 0; padding: 0;
	/*vertical-align: top;*/
}

/* 打印专用样式 */
.printStyle {
	color: #000; background: #fff;
	font-size: 8pt;
	@page { margin: 2cm; } /*页边距*/
   	page-break-after: avoid; /*表格元素之后始终进行分页的分页行为*/
}
.printStyle img {
   max-width: 100% !important; /*防止 图片过宽而超出纸张边缘*/
}
.printStyle ul, img {
   page-break-inside: avoid; /*确保 列表和图片不被分开在不同的页*/
}

/*-----------------bodyTitle类（标题）--------------------*/
.bodyTitle {
	width:100%;
	height:27px;
	/*background:url(body_title_bg.gif) top left repeat-x;*/
	background:#009FCC;
	margin-left:0px;
	margin-right:auto;
	margin-top:0px;
	clear:both;
}
/*-----------------bodyTitleLeft类（标题左侧）--------------------*/
.bodyTitleLeft {
	width:30px;
	margin-top:2px;
	height:24px;
	float:left;
	background:url(body_title_left.gif) right bottom no-repeat;
}
/*-----------------bodyTitleText类（标题文本）--------------------*/
.bodyTitleText {
	height:22px;
	float:left;
	margin-top:4px;
	line-height:25px;
	font-weight:bold;
	letter-spacing:2px;
	padding-left:8px;
	padding-right:8px;
	background:#FFF url(body_title_right.gif) right bottom no-repeat;
}
.bodyTitleText2 {
	height:22px;
	float:right;
	margin-top:4px;
	margin-right:13px;
	line-height:25px;
	font-weight:bold;
	letter-spacing:2px;
	padding-left:8px;
	padding-right:8px;
	background:#FFF url(body_title_right.gif) right bottom no-repeat;
}
/*-----------------bgFleet类（鼠标掠过时）--------------------*/
.bgFleet {
	height: 30px;
	background-color: #E8F3FD;
	font-weight: bold;
}
/*-----------------borderBottom类（边框底部）--------------------*/
.borderBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #369FD9;
}
/*-----------------borderAll类（所有边框）--------------------*/
.borderAll {
	border: 1px solid #369FD9;
}
/*-----------------fontRed类（红色字体）--------------------*/
.fontRed {
	color: #FF0000;
}
/*-----------------fontBold类（粗体）--------------------*/
.fontBold {
	font-weight: bold;
}


/*-----------------inputButton类（输入按钮）--------------------*/
.inputButton {
	box-sizing: border-box;
	border: 1px solid #329AD7;
	color: #FFFFFF;
	background-image: url(menu_title_bg.jpg);
	background-repeat: repeat-x;
	height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	/*padding-top: auto;
	padding-bottom: auto;*/
	line-height: 22px;
}
.inputButton:hover{ color:#f00;  background-color:#827cdc; dispaly:block;}
/*-----------------inputButton1类（特别的按钮）--------------------*/
.inputButton1 {
	box-sizing: border-box;
	height: 20px;
	padding: 1px 5px;
	letter-spacing: 2px;
	border: 1px solid #bdbcbd;
	background: #FFF url(inputbut_bg.gif) left center repeat-x;
	vertical-align: middle;
	margin: 0px;
	
	/*margin-bottom:6px;
	padding-left:3px;
	padding-right:2px;
	padding-top:2px;*/
}
/*当鼠标移动到上面时的效果*/
.inputButton1:hover{ color:blue;  background-color:#827cdc; dispaly:block;}


/*-----------------paddingAll类（所有的填充边距）--------------------*/
.paddingAll {
	padding: 5px;
}


/*-----------------opt类（table中的各种元素）--------------------*/
.opt{ clear:both; overflow:hidden; }
	.opt th{ padding:5px 0; font-weight:700; text-align:left; }
	.opt td{ padding-bottom:10px; }
	.opt .txt, .opt textarea{ vertical-align:middle; margin-right:10px; width:280px; }

	.opt .ox{ vertical-align:middle; margin-right:10px; width:500px; }
	.opt select{ vertical-align:middle; margin-right:10px; }
	.opt .area{ height:80px; }
	.opt .bigarea { width: 500px; height: 80px; }
	.opt label{ margin-right:20px; }
	.opt p{ float:left; line-height:180%; }
	
/*-----------------redtxt类（红色文本框）--------------------*/
.redtxt{ border-color:#ff0000; background:#F5F9FD; }
/*-----------------radio类（radio元素的上边缘、边框、垂直排列）--------------------*/
.radio{ margin-top:-1px; border:none; vertical-align:middle; }
/*-----------------checkbox类（checkbox元素的上边缘、边框、垂直排列）--------------------*/
.checkbox{ height:14px; border:none; vertical-align:middle; }


/*-----------------datalist类（数据列表）--------------------*/
.datalist{ 
	clear:both; 
	width:100%; 
	border-collapse:collapse;
}
	.datalist th{
		background-color: #efefef; /*CCEEFF*/

		/*色彩过渡效果：会使 style="background-color:#" 无效，在此(th中)不推荐使用。 */
		/*background-color: #efefef;
		background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
		background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
		background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
		background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
		background-repeat: repeat-x;*/

		/*css3 滤镜效果*/
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);*/

		line-height:116%; 
		text-align:center; 
		color:#3D7878; 
		padding:2px 2px; 
		margin:2px 2px; 

		/*border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: #CCCCCC;*/
	}
	.datalist td{ 
		cursor: pointer;
		line-height: 170%; /*add:180326*/
		/*padding: 0px 2px;*/
	}
	/*.datalist td:hover { background:none; } 
	.datalist tr:hover { background:#FFFFFF; }*/
	
	.datalist a{ text-decoration:none; }
	.datalist a:hover{ text-decoration:none; }
	.datalist .txt{ width:90%; overflow:hidden; }
	.datalist .txtnobd{ width:90%; border:1px solid #FFF; text-align:right; overflow:hidden; cursor:pointer;}
	.datalist .bigarea { width: 500px; height: 80px; }

/*-----------------散类--------------------*/
.tdinput{ padding:0 30px 5px 0; width:160px; }
.tdarrow{ width:20px; }
.option{ width:10%; }
.username{font-weight:700; }
.date{ width:25%; }
.ip{ width:15%; }

/*-----------------fixwidth类（固定宽度）--------------------*/
.fixwidth{ width:100%; }
.fixwidthdec{ width:680px; }

/*-----------------tdpage类（td分页的文本排列方式）--------------------*/
.tdpage{ text-align:right; }

/*-----------------tdpage类下的a元素的修饰（下划线，鼠标悬停时下划线消失）--------------------*/
.tdpage a:link{ text-decoration:underline; }
	.tdpage a:hover{ text-decoration:none; }

/* title */

/*-----------------sgbtn类（左边距，填充，边框，背景，鼠标悬停的文本修饰）--------------------*/
.sgbtn{ margin-left:20px; padding:3px 7px; *padding:4px 7px 2px; border:1px solid #62BD25; background:#BCE868; color:#4C1770; font-weight:400; }
	.sgbtn:hover{ text-decoration:none; }
/*-----------------i类（左填充，线高，背景，颜色）--------------------*/
.i{
	padding-left:32px;
	line-height:25px;
	background:url(sticky_unread_mine.gif) no-repeat;
	color: #9A9A9A;
}
	.i a{ text-decoration:underline; }
	.i a:hover{ text-decoration:none; }

/*-----------------clear类--------------------*/
.clear{clear:both}

/*-----------------memlist类（分配清单？）--------------------*/
.memlist{ list-style:none; margin:7px 0 25px; padding-top:2px; border-top:2px solid #B5CFD9; width:80%;}
	.memlist li{ clear:both; overflow:hidden; zoom:1; padding:5px 0; *padding:1px 0 5px; line-height:150%; background:url(bg_repx.gif) repeat-x 0 bottom; }
	.memlist em{ float:left; width:120px; font-family:"Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; }
	.memlist .memcont{ width:480px; }

/*-----------------ajax类（ajax）--------------------*/
.ajax{ width:360px; border:1px solid #89B3C2; }
	.ajaxbg{ margin:2px; padding:15px; background:url(bg_repx_hc.gif) repeat-x; }

/*-----------------alert类（alert）--------------------*/
.alert{ padding-left:40px; background:url(bg_repno.gif) no-repeat 0 -500px; }
	.alert h4{ margin-bottom:3px; }
	.alert p{ margin-bottom:12px; color:#09C; }
	.alert .btn{ vertical-align:middle; }
	.alert a.abtn{ margin-left:20px; text-decoration:underline; }
		.alert a.abtn:hover{ text-decoration:none; }

/*-----------------rtninfo类（rtninfo）--------------------*/
.rtninfo{ margin:50px auto; width:500px; line-height:180%; }
	.rtninfo h4{ margin-bottom:10px; padding-left:25px; background:url(bg_repno.gif) no-repeat -275px -98px; }
	.rtninfo p{ margin-left:25px; }

/*-----------------au类（au）--------------------*/
.au{ 
	display:inline-block;  
	background:url(tup.gif) right no-repeat; 
	margin:2px;
	padding-right:12px; 
	color:#9EBECB;
}

/*-----------------ad类（ad）--------------------*/
.ad{
	display:inline-block;
	background:url(tdown.gif) right no-repeat; 
	margin:2px;
	padding-right:12px; 
	color:#9EBECB;
}

/*-----------------digg类（digg）--------------------*/
.digg {
	padding-right: 3px; 
	padding-left: 3px; 
	padding-bottom: 3px; 
	margin: 3px; 
	padding-top: 3px; 
	text-align:right; 
	width:auto; 
	float:none;
}

/*-----------------digg类（digg）--------------------*/
.digg a {
	border-right: #aaaadd 1px solid; 
	padding-right: 5px; 
	border-top: #aaaadd 1px solid; 
	padding-left: 5px; 
	padding-bottom: 2px; 
	padding-top: 2px; 
	margin: 2px; 
	border-left: #aaaadd 1px solid; 
	color: #000099; 
	border-bottom: #aaaadd 1px solid; 
	text-decoration: none;
}
.digg a:hover {
	border-right: #000099 1px solid; 
	border-top: #000099 1px solid; 
	border-left: #000099 1px solid; 
	border-bottom: #000099 1px solid;
	color: #000; 
}
.digg a:active {
	border-right: #000099 1px solid; 
	border-top: #000099 1px solid; 
	border-left: #000099 1px solid; 
	color: #000; 
	border-bottom: #000099 1px solid;
}
.digg span.current {
	border-right: #000099 1px solid; 
	padding-right: 5px; 
	border-top: #000099 1px solid; 
	padding-left: 5px; 
	font-weight: bold; 
	padding-bottom: 2px; 
	margin: 2px; 
	border-left: #000099 1px solid; 
	color: #fff; 
	padding-top: 2px; 
	border-bottom: #000099 1px solid; 
	background-color: #000099;
}
.digg span.disabled {
	border-right: #eee 1px solid; 
	padding-right: 5px; 
	border-top: #eee 1px solid; 
	padding-left: 5px; 
	padding-bottom: 2px; 
	margin: 2px; 
	border-left: #eee 1px solid; 
	color: #ddd; 
	padding-top: 2px; 
	border-bottom: #eee 1px solid;
}

/*===========================================黄传兵新增的=================================================*/
/*===================table之td:width========================*/
.tdwidth1 {
	text-align: right;
	/*valign:top;*/
	vertical-align: middle;
}
.tdwidth2 {
	text-align: left;
	/*valign:top;*/
	vertical-align:middle;
}
/*===================红色的前景色========================*/
.fColorRed{color:red;}

/*===================显示物料清单的table列宽类========================*/
.list_xuhao{width:4%;}
.list_bianma{width:25%;}
.list_mingcheng{width:5%;}
.list_guige{width:20%;}
.list_danwei{width:4%;text-align:center;}
.list_danjia{width:4%;text-align:center;}
.list_kc{width:7%;text-align:center;}
.list_kcD{width:7%;text-align:center;}
.list_kcG{width:7%;text-align:center;}
.list_kcA{width:7%;text-align:center;}
/*.list_beizhu{width:16%;text-align:center;}*/
.list_do{width:4%;text-align:center;}



/*===================显示物料“明细”的列宽类========================*/
.span_width{
	/*background-color:#ffcc00;*/
	display:inline-block;
	/*width:150px;*/
	font-weight:bold;
}

/*===================表格“奇/偶页”不同的背景色========================*/
.even{background-color:#fafafa;}/*#ECFFFF*/
.odd{background-color:#fff;}/*#FBFBFF*/
.selected{background-color:#ffffcc;}
.selected_td{background-color:#FBEC88}/*; color:#FF0000*/

/*===================a标签作为“选项卡”时的背景色类========================*/
.a_bgcolor{background-color:#97CBFF}
.a_bgcolor:hover{background-color:#CCEEFF;}

/*===================a标签作为“选项卡”被选中时的背景色类========================*/
.a_select_bgcolor{
	background-color: #ECF5F3; /*#fff*/
}

/*==================="隐藏"类========================*/
.hide{
	display:none;
}

/*===================div在同一行 类========================*/
.div1{
	border:1px solid red;
	float:left;
	background-color:#ECF5FF;
	/*(position:relative;*/
}
.div2{
	border:1px solid red;
	float:left;
	/*margin-left:5px;*/
	background-color:#ECF5FF;
	/*(position:relative;*/
}

/*固定在“底部”的元素*/   
.div_guding_di { 
    position:fixed; bottom:0; background:#000; 
    width:100%; height:23px; line-height:23px; 
    z-index:20; 
    opacity:.60; 
}
.div_guding_di a { color:#fff; letter-spacing:2px; }

/*嵌入到 td 的 input text */
.tdInputText{ padding: 0px; margin: 0px; width: 100%; }

/*input text 伪类*/
/*.inputText:link{color: green}
.inputText:visited{border:1px solid red}
.inputText:hover{background:#000;color: green}
.inputText:active{border:1px solid red}*/

/*<hr style="text-align:left;margin-left:0;width:80%" />*/