*:focus {outline: none} 
html, body {
	/*position:relative;
	height:100%;*/
	color:#222;
	font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
	/*background-color:#f0f0f0;*/
	margin:0;
	padding: 0;
	text-decoration: none;
	height:100%;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	list-style:none;
	

	
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img {
	border:0;
}
address, caption, cite, code, dfn,  th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style: none outside none;
	margin:0;
	padding: 0;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
a {
	color:#949494;
	text-decoration: none;
}
#listhome{background-color:#F0EFEF;margin: 0 auto;
    /*max-width: 640px;*/
    min-width: 320px;overflow-x: hidden;}

.main{ width:100%; height:auto; overflow:hidden; display:block;}
/*含有图例的主界面样式*/
.legendmain{ width:100%; height:auto; overflow:hidden; display:block;}
/*图例*/
.legendbar{ padding-left:5px;width:100%;margin: 0px auto; position: fixed;bottom:40px; height:40px;background-color: #f5f5f5;}
/*Listpage*/
.Listpage{
    position: relative;
    z-index: 2;
	height:auto;
	overflow:hidden;
	
}

.show{ display:block; float:left; width:60px; padding:2px; font-size:12px; color:#666; border:1px solid #f0f0f0; margin:2px;text-align:center;}	
.header{ position:fixed; height:77px; z-index:100; top:0px; left:0px; width:100%; padding-top:0px; background:url(../images/top_bg.jpg);display: block; margin: 0 auto;}
.header .logo{ width:70px; height:70px; background:url(../images/logo.png) no-repeat; float:left; display:block; margin-left:0px;}
.header .SearchType{ width:120px; height:34px; background:url(../images/ico.png) no-repeat -4px -7px; float:left; display:block; margin-top:20px}
.header .SearchType2{ width:120px; height:34px; background:url(../images/ico.png) no-repeat -4px -58px; float:left; display:block;margin-top:20px}
.header .Search1{ width:100px; height:34px; float:left; display:block; margin:20px 0 0 5px;border-radius: 0px;}
.header .KeyWord{ width:100px; height:34px; background:url(../images/ico.png) no-repeat -4px -111px; float:left; display:block; border:0px; text-indent:10px;border-radius: 0px;}
.header .Search2{ width:35px; height:34px; float:left; display:block;  background:url(../images/ico.png) no-repeat -154px -111px;margin-top:20px}
@media screen and (max-width: 320px) {
.main{ padding:51px 0 0px 0; font-size:10px; display: block; float:left; height:auto;  z-index:100; background-color:#Black }
.legendmain{padding:71px 0 0px 0; font-size:10px; display: block; float:left; height:auto;  z-index:100; background-color:#Black}
}
@media screen and (min-width: 321px) {
.main{ padding:51px 0 0px 0; font-size:12px; display: block; float:left; height:auto;  z-index:100; background-color:#Black }
.legendmain{ padding:71px 0 0px 0; font-size:12px; display: block; float:left; height:auto;  z-index:100; background-color:#Black }
}
.blank_2{ width:100%; height:2px; clear:both}
.blank_5{ width:100%; height:5px; clear:both}
.blank_10{ width:100%; height:10px; clear:both}
.blank_50{ width:100%; height:50px; clear:both}


/* so-popbox */
.so-popbox .s-sopop-close,a.a-sopop-btn,span.s-sopop-btn{background:url(../images/icon-sobox.png) no-repeat;}
.so-popConfirm .so-popbox-cont{background:url(../images/icon-tip.png) no-repeat ;}
.so-openmask{position:fixed;_position:absolute;top:-2px;left:0px;width:100%;height:0px;background:#000;filter:alpha(opacity=40);opacity:0.4;Z-index:1100;}
.so-popbox{border:1px solid #777;background:#fff;text-align:left;z-index:1120;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;box-shadow:0px 0px 12px #666;-webkit-box-shadow:0px 0px 12px #666;-moz-box-shadow:0px 0px 12px #666;}
.h2-sopop{height:27px;line-height:26px;background:#f6f6f6;padding-left:15px;font-weight:bold;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;border-bottom:1px solid #dbdbdb;}
.h2-sopop-move{cursor:move;}
.so-popbox .s-sopop-close{position:absolute;top:2px;right:4px;width:25px;height:25px;background-position:-145px 0; text-indent:-999em; overflow:hidden; cursor:hand; cursor:pointer;}
.so-popbox .s-sopop-out-close{top:-12px;right:-12px;background-position:0 0;}
.so-popbox-cont{padding:15px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.p-so-popBtn{text-align:center;padding:5px 0 15px;}
.so-popAlert .so-popbox-cont{padding:15px 15px 10px 15px;}
.so-popConfirm .so-popbox-cont{padding:20px 20px 20px 85px;background-position:50px 16px;}
/*.so-popConfirm .so-popbox-cont{background-position:55px -484px;}*/
/*.so-popConfirm .so-popbox-cont{background-position:55px -984px;}*/
/*.so-popConfirm .so-popbox-cont{background-position:55px -1484px;}*/
.so-popTip-1{border:1px solid #f4b23f;background:#fff2c1;box-shadow:1px 1px 2px #bbb;-webkit-box-shadow:1px 1px 2px #bbb;-moz-box-shadow:1px 1px 2px #bbb;}
.so-popTip-1 .so-popbox-cont{padding:8px;}
.so-popTip-2{border:1px solid #ff812d;background:#ffffd0;color:#f00;}
.so-popAlert .p-so-popBtn{padding:5px 0 15px;}
.so-loading{border:0px solid #fff;font-size:1.18em;box-shadow:1px 1px 1px #666;-webkit-box-shadow:1px 1px 1px #666;-moz-box-shadow:1px 1px 1px #666;}
.so-loading .so-popbox-cont{padding:20px;text-align:center;background:url(../images/loading.gif) no-repeat center 45%;}
.so-loading .s-sopop-close{display:none;}
a.a-sopop-btn{display: -moz-inline-stack;display:inline-block;*display:inline;*zoom:1;margin:0 3px;padding:0 0 0 15px;color:#fff;background-color:#ec5656;background-position:0 -40px;}
span.s-sopop-btn{display: -moz-inline-stack;display:inline-block;*display:inline;*zoom:1;background-position:100% -40px;height:25px;line-height:23px;padding:0 15px 0 0;}

a.a-sopop-cancel{background-position:0 -70px;color:#444;}
a.a-sopop-cancel span.s-sopop-btn{background-position:100% -70px;}


.so-overTip .s-sopop-close{top:-9px;left:25px;width:17px;height:9px;background-position:0 -101px;}
/* so-popbox */

.bottom{ position:fixed; height:40px; z-index:100; bottom:0px; left:0px; width:100%; background-color:#f5f5f5}
.bottom2{ position:fixed; height:40px; z-index:100; bottom:0px; left:0px; width:100%; background-color:#f5f5f5}
.bottomScan{ position:fixed; height:40px; z-index:100; bottom:0px; left:0px; width:100%; background-color:#FF8C00}
.bottomScanleft{ position:fixed; height:40px; z-index:100; bottom:0px; left:0px; width:50%; background-color:#FF8C00}
.bottomScanright{ position:fixed; height:40px; z-index:100; bottom:0px; left:50%; width:50%; background-color:#FF4500}
.bottomStorageleft{ position:fixed; height:40px; z-index:100; bottom:0px; left:0px; width:50%; background-color:#FF7F50}
.bottomStorageright{ position:fixed; height:40px; z-index:100; bottom:0px; left:50px; width:50%; background-color:#FFDAB9}


.bottomsamllleft{ position:fixed; height:40px; z-index:100; bottom:0px; left:0px; width:33%; background-color:#FFA54F}
.bottomsamllceneter{ position:fixed; height:40px; z-index:100; bottom:0px; left:33%; width:33%; background-color:#FF8C00}
.bottomsamllright{ position:fixed; height:40px; z-index:100; bottom:0px; left:66%; width:34%; background-color:#FF7256}


.bottom li{ height:40px; display:block; float:left; text-align:center; width:33%; line-height:40px; font-size:16px; color:#636363; background:url(../images/menu.png) no-repeat 0px 12px;}
.bottom2 li{ height:40px; display:block; float:left; text-align:center; width:50%; line-height:40px; font-size:16px;background:url(../images/menu.png) no-repeat 0px 12px;}
.lis{ height:40px; display:block; float:left; text-align:center; width:30%; line-height:40px; font-size:16px; color:#636363; background:url(../images/menu.png) no-repeat 0px 12px;}
.bottom .hover{ background:url(../images/menu.png) no-repeat 0px 12px #f5f5f5;}
.menu a{line-height:40px; color:#FFF; height:40px; display:block; width:100%; text-indent:30px; font-size:14px; color:#333; border-bottom:#e6e6e6 1px solid;background:url(../images/blue.png) no-repeat 10px 13px;}
.menu a:hover{ background:url(../images/blue.png) no-repeat 10px 13px #f5f5f5}
.menu a:last-child{ border-bottom:0px;}
.menu{
	display:none;
	position:fixed;
	bottom:50px;
	left:70px;
	border:#d5d5d5 1px solid;
	background:#f5f5f5;
	border-radius:3px;
	-webkit-border-radius:3px;
	min-width:140px;
	box-shadow:rgba(0, 0, 0, .3) 2px 2px 3px;
}



.btn{ width:70px; height:30px;background-color:#5e84a4; display:block; margin:5px auto;border-radius: 2px; color:#FFF; line-height:30px; text-align:center; padding:0px}

.S_headerIndex{ position:fixed; height:171px; z-index:100; top:0px; left:0px; width:100%; padding-top:0px;display: block; margin: 0 auto;}
.S_header{background:#9da6af; position:fixed; height:41px; z-index:100; top:0px; left:0px; width:100%; padding-top:0px;display: block; margin: 0 auto;}
.S_header .Back{ width:70px; height:40px; background: url(../images/ico.png) no-repeat 10px -192px; float:left; display:block;}
.S_header .Top_Title{ width: auto; height:40px; line-height:40px;  display:block; color:#FFFFFF; font-weight:bold; font-size:16px; overflow:hidden; float:left}
.S_header .Search{ width:37px; height:40px; background: url(../images/ico.png) no-repeat 0px -332px ; float:right; display:block;}
.S_header .Add{ width:33px; padding-top:5px; height:40px;background: url(../images/plus.png) no-repeat; float:left; display:block;}
.S_header .ListSearch{ width:70px; height:40px;  background: url(../images/ico.png) no-repeat 10px -332px ;float:right; display:block;}

.logo{ width:100%; height:110px; margin:20px 0; text-align:center; display:block; overflow:hidden;}
.info{ width:96%; height: auto;overflow:hidden; margin:10px auto; border:#d5d5d5 1px solid;background:#fff;border-radius:3px;-webkit-border-radius:3px;box-shadow:rgba(0, 0, 0, .3) 2px 2px 3px; line-height:40px; font-size:15px; padding:10px 0 10px 0}
.info .s1{ width:50%; height:60px; line-height:60px; text-align:right; display:block; float:left}
.info .s2{ width:50%; height:60px; line-height:60px; display:block; float:left; text-indent:10px; color:#C30; font-size:18px;}

.textbox{width:50%; height:45px; border:0px; margin-left:10px; display:block; float:left;border:#d5d5d5 1px solid;}
.list{ width:96%; height: auto;overflow:hidden; margin:10px auto; border:#d5d5d5 1px solid;background:#fff;border-radius:3px;-webkit-border-radius:3px;box-shadow:rgba(0, 0, 0, .3) 2px 2px 3px;}
.panel-body .list{ width:100%; height: auto;overflow:hidden; margin:0px; border:#d5d5d5 1px solid;background:#fff;border-radius:3px;-webkit-border-radius:3px;box-shadow:rgba(0, 0, 0, .3) 2px 2px 3px;}
.list dl{ width:100%; height: auto; display:block; overflow:hidden;}
.list dl dt{ width:100%; height:40px; display:block; line-height:40px; overflow:hidden; background:url(../images/listgreen.png) no-repeat 10px 10px #949494; color:#000; text-indent:35px; font-size:13px;}
@media screen and (max-width: 320px) { 
.list dl dd{ width:100%; height: auto; display:block;  overflow:hidden;font-size:10px;}
.optbtn{font-size:12px;}
.optbtn_xs{font-size:12px;}
}
@media screen and (min-width: 321px) { 
.list dl dd{ width:100%; height: auto; display:block;  overflow:hidden;font-size:12px;}
.optbtn{font-size:13px;}
.optbtn_xs{font-size:13px;}
}
.list dl .bg{ background-color:#e8f1f6}
.list dl .bgred{ background-color:#FF3333}
.list dl .bgyellow{ background-color:#FFFF00}
.list dl .bgblue{ background-color:#00F5FF}
.list dl dd .s1{ width:20%; height: 40px;  line-height:40px; text-align:right; display:block; float:left; font-weight:bold}
.list dl dd .s2{ width:30%;  height: 40px;line-height:40px; display:block; float:left; text-indent:10px;overflow:hidden}
.list dl dd .s3{ width:80%; height: auto; line-height:40px; display:block; float:left; text-indent:10px;overflow:hidden}
.list dl dd .radio{width:20px; height:20px; border:0px; margin-left:50px; margin-top:10px; display:block; float:left}
.list dl dd .text{width:40px; height:40px; border:0px;  margin-left:10px; line-height:40px; display:block; float:left;}
.list dl dd .textSmall{width:40px; height:40px; border:0px;  margin-left:10px; line-height:40px; display:block; float:left;}
.list dl dd .s3 .textarea{width:98%; height:80px; border:0px;  margin-left:10px; line-height:25px; display:block; float:left;border-radius:2px;-webkit-border-radius:2px;border:#d5d5d5 1px solid; overflow:auto}
.list dl dd .s4{ width:40%; height: auto; line-height:40px; display:block; float:left; text-align:right; text-indent:10px;overflow:hidden}
.list dl dd .s6{ width:60%; height: auto; line-height:40px; display:block; float:left; text-indent:10px;overflow:hidden}

.panel-body .list dl dd .s1{ width:22%; height:30px; line-height:30px; text-align:right; display:block; float:left; font-weight:bold}
.panel-body .list dl dd .s2{ width:28%;  height:30px; line-height:30px; display:block; float:left; text-indent:10px;overflow:hidden}
.panel-body .list dl dd .s3{ width:78%; height: auto; line-height:30px; display:block; float:left; text-indent:10px;overflow:hidden}


.Search_Div{ width:100%; height:100%; position: fixed; background-color:#000; z-index:100; filter:alpha(opacity=80);opacity:0.8; display:none; right:0px}
.Search_Info{ width:260px; height:100%; position: fixed; background-color:#FFF; z-index:101;display:none; right:0px; overflow:auto;}
.Search_Info dl{ height:41px;width:100%; background: #5e84a4;display: block; text-align:center; color:#FFF; line-height:41px}
.Search_Info dd{ height:41px;width:100%; display: block; line-height:41px; color:#5e84a4; font-size:14px; text-align:right}
.Search_Info dd span{ height:41px;width:30%; display: block; float:left;}
.Search_Info dd input{ height:30px;width:50%; display: block; float:left; margin:5px 0 0 5px; border:1px solid #5e84a4; border-radius:4px; font-size:14px; line-height:30px; text-indent:5px;box-shadow:0px 0px 4px #666;}
.Search_Info dd .btn1{ float:left; margin-left:60px; font-size:14px; height:30px; line-height:30px;background-color:#5e84a4; display:block;border-radius: 2px; text-align:center; color:#FFF;padding:0 20px 0 20px}
.Search_Info dd .btn2{ float:left; margin-left:20px; font-size:14px; height:30px; line-height:30px;background-color:#5e84a4; display:block;border-radius: 2px; text-align:center; color:#FFF; padding:0 20px 0 20px}
.Search_Info dd select{ height:30px;width:50%; display: block; float:left; margin:5px 0 0 5px; border:1px solid #5e84a4; border-radius:4px; font-size:14px; line-height:30px; text-indent:5px;box-shadow:0px 0px 4px #666;}
.erro{ width:96%; height:300px;overflow:hidden; margin:10px auto; border:#d5d5d5 1px solid;border-radius:3px;-webkit-border-radius:3px;box-shadow:rgba(0, 0, 0, .3) 2px 2px 3px; background:url(../images/erro.png) no-repeat center center #fff}

.list dl dd .s2 input{ height:30px;width:50%; display: block; float:left; margin:5px 0 0 5px; border:1px solid #5e84a4; border-radius:4px; font-size:14px; line-height:30px; text-indent:5px;box-shadow:0px 0px 4px #666;}
.selects{ height:30px;width:50%; display: block; float:left; margin:5px 0 0 5px; border:1px solid #5e84a4; border-radius:4px; font-size:14px; line-height:30px; text-indent:5px;box-shadow:0px 0px 4px #666;}
.listtitle{ width:100%; height:40px; display:block; line-height:40px; overflow:hidden; background:url(../images/list.png) no-repeat 10px 10px #eeeeee; color:#000; text-indent:35px; font-size:15px;}

/*列表主页面操作按钮*/
.optbtn{float: right; margin-right: 6px;width:60px;}
.optbtn_xs{float: right; margin-right: 6px;width:40px;}
.optbtn_align{float: right; margin-right: 5px;}
/*div实线*/
.divsolid{border:1px; border-style:solid; border-color:#e7eaec;}
/*自定义面板标题*/
.divtitle{ width:100%;height: 30px;background-color: #f5f5f5; padding-top:5px;}
.img_wrench {
    background-image: url(../images/wrench.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    display: inline-block;
}
.btn_xs
{
    border-radius: 3px;
}