@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
#beian a{
	color:#fff;
}
body {
	margin: 0 auto;
	height: 100%;
}
#topNav {
	width: 100%;
	height: 60px;
	background-color: #333;
}
#topNav>a{
	color:#fff;
	font: 15px "微软雅黑", Arial, Helvetica, sans-serif;
	float:left;
	margin-top:20px;
	margin-left:20px;
}
#LeftOne {
width: 80px;
height: 900px!important;
position: absolute;
/* background-color: #3e434a; */
background-color: #D6D3CE;
text-align: center;
z-index: 2;
margin-left: -80px;

-moz-box-shadow:1px 1px 3px #333333; 
-webkit-box-shadow:1px 1px 3px #333333; 
box-shadow:1px 1px 3px #333333;
}
#LeftOne>li {
width: 80px;
height: 30px;
background-position: center;
background-repeat: no-repeat;
list-style: none;
margin: 0;
padding: 0;
color: #000;
line-height: 30px;
font-size: 16px;
border-bottom: 1px dotted #ccc;
}

#LeftOne li:first-child{
	border-top: 1px solid #ccc;
}
#LeftOne li i{
float: right;
line-height: 30px;
margin-right: 2px;
}

#LeftOne>li:hover {
	background-color: #239dd0;
	color:#fff;
	
}
.nav1{
	background-image: url(one.png);
}
.nav1:hover{
	
}
.nav2{
	background-image: url(two.png);
}
.nav3{
	background-image: url(three.png);
}
.nav4{
	background-image: url(four.png);
}
.nav5{
	background-image: url(five.png);
}
.nav6{
	background-image: url(four.png);
}
.nav7{
	background-image: url(five.png);
}
.nav8{
	background-image: url(four.png);
}
.nav9{
	background-image: url(five.png);
}
.nav10{
	background-image: url(four.png);
}
.nav11{
	background-image: url(five.png);
}
.nav12{
	background-image: url(four.png);
}
.nav13{
	background-image: url(five.png);
}


.child{
	z-index:1;
	position:absolute;
	width:200px;
}

.Left2, .Left3, .Left4, .Left5, .Left6, .Left7, .Left8, .Left9, .Left10, .Left11, .Left12, .Left13, .Left14 {
margin-top: 0px;
background-color:#D6D3CE!important;
-moz-box-shadow:1px 1px 3px #333333; 
-webkit-box-shadow:1px 1px 3px #333333; 
box-shadow:1px 1px 3px #333333;
color:#000;
}
.Left2{
	background-color:#239dd0;
	left:-300px;
}
.Left3{
	background-color:#239dd0;
	left:-300px;
}
.Left4{
	background-color:#239dd0;
	left:-300px;
}
.Left5{
	background-color:#239dd0;
	left:-300px;
}
.Left6{
	background-color:#239dd0;
	left:-300px;
}
.Left7{
	background-color:#239dd0;
	left:-300px;
}
.Left8{
	background-color:#239dd0;
	left:-300px;
}
.Left9{
	background-color:#239dd0;
	left:-300px;
}
.Left10{
	background-color:#239dd0;
	left:-300px;
}
.Left11{
	background-color:#239dd0;
	left:-300px;
}
.Left12{
	background-color:#239dd0;
	left:-300px;
}
.Left13{
	background-color:#239dd0;
	left:-300px;
}
.Left14{
	background-color:#239dd0;
	left:-300px;
}
.child>li{
text-align: center;
list-style: none;
margin: 0 auto;
padding: 0px 0 0 0px;
border-bottom: 1px dotted #BEBEBE;
line-height: 30px;
width: 90%;
}

.child>li>a{
	font: 18px "微软雅黑", Arial, Helvetica, sans-serif;
	color:#000;
	cursor:pointer;
	text-decoration:none;
  display:block;
	width:100%;
	text-align:center;
	height:30px;
	line-height:30px;
	padding-top:0px;
}
.child>li>a:hover{
	background-color:#3e434a;
}

#leftsidebar{
position: fixed;
overflow-y: auto;
/* height: 100%; */
z-index: 33;
float: left;
bottom: 41px;
top: 140px;
left: 0px;
width: 25%;
border: 0px solid #ccc;
background: #fff;

	}
#AccordionBody {
	width: 100%;

	margin: 0 auto;

background:#ececec;
border: 0px solid #ccc;

}
#mainbody{
	width: 75%;
float: right;

	}

.MenuItem {
	width: 100%;
	padding: 2px 0 2px 0;

border-top: 0px solid #F4ECEC;
border-right: 0px solid #896060;
border-bottom: 1px solid #ccc;
border-left: 0px solid #F4ECEC;



	text-align: center;
	font: 14px "微软雅黑", Arial, Helvetica, sans-serif;
	color: #303030;
	background-color: #fff;
  line-height:30px;
	cursor: pointer;
	background:#ececec;
/*
background: url(/arrow.png) 0 0 no-repeat;
background-position: -11px -52px;
background-size: 30px;
*/
}
.MenuItemSelected{
	color:#00b034;

/*
background: url(/arrow0.png) 0 0 no-repeat;
background-position: -14px 0px;
background-size: 30px;
*/
  background:#fff;
border-right: 0px solid #815f5f;
border-top: 0px solid #fff;
border-bottom: 1px solid #ccc;

	}
	
.MenuItemSelected::before{

content: url(/arrowb.png);
width: 10px;
height: 0px;
display: block;
zoom: 0.5;
margin-top: -1px;
	}

.MenuItem:hover1 {
	background-color: #F2F9E9;
}
.MenuItemFrist {
	-webkit-border-radius: 0px 0px 0 0;
	-moz-border-radius: 0px 0px 0 0;
	border-radius: 0px 0px 0 0;
}
.MenuItemLast {
	-webkit-border-radius: 0 0 0px 0px;
	-moz-border-radius: 0 0 0px 0px;
	border-radius: 0 0 0px 0px;
}
.MenuChild {
	width: 100%;
/*	background-color: #99CC66;
	
	overflow: hidden;
	*/
	height: 0px;
	display:none;
}
.MenuChildItem {
	width: 100%;
	padding: 5px 0 5px 0;
	text-align: center;
	font: 14px "微软雅黑", Arial, Helvetica, sans-serif;
	border-top: 1px solid #F4ECEC;
	border-right: 1px solid #F4ECEC;
	color: #000;
	margin-top: 0px;
	cursor: pointer;
	margin-left:-0px;
	background:rgb(164, 205, 249);
}

.MenuChildItem:hover {
	background-color: #F2F9E9;
	border-left: 3px solid #00b034;
	border-right: 0px solid #ccc;
	
}
.MenuChildItemBanGong:hover {
	background-color: #f9e7e9;
	color:#818181;
	
}

.MenuChildItemXueSheng:hover {
	background-color: #f9e7e9;
	color:#818181;
	
}
.MenuChildItemCaiShichang:hover1 {
	background-color: #f9e7e9;
	color:#818181;
	
}


.BottomSelected {
	color:#333;
	}
	
	/*******
	主题配色方案
	1\办公用品  indexB
	2\学生用品  indexX
	3\菜篮子    indexC
	
	********/
	
.indexC .MenuItemSelected{
	color:#00b034;
	}
.indexC .MenuItem:hover1 {
	background-color: #fff;
}
.indexC .MenuChildItem:hover1 {
	background-color: #fff;
	border-left: 0px solid #00b034;
	border-right: 0px solid #ccc;
}
.indexC .label a {
height: 30px;
line-height: 30px;
background: #F2F9E9;
color: #00b034;
}
.indexC .clzHeader {
width: 100%;
height: 30px;
line-height: 30px;
background: #F2F9E9;
color: #00b034;
text-align: center;
font-size: 16px;
font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","b8bf53",sans-serif;
}

	
.indexX .MenuItemSelected{
	color:#e8641b;
	}
.indexX .MenuItem:hover {
	background-color: #fdefe8;
}
.indexX .MenuChildItem:hover {
	background-color: #fdefe8;
	border-left: 3px solid #e8641b;
	border-right: 0px solid #ccc;
}
.indexX .label a {
height: 30px;
line-height: 30px;
background: #fdefe8;
color: #e8641b;
}
.indexX .clzHeader {
width: 100%;
height: 30px;
line-height: 30px;
background: #fdefe8;
color: #e8641b;
text-align: center;
font-size: 16px;
font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","b8bf53",sans-serif;
}

	
.indexB .MenuItemSelected{
	color:#c61729;
	}
.indexB .MenuItem:hover {
	background-color: #f9e7e9;
}
.indexB .MenuChildItem:hover {
	background-color: #f9e7e9;
	border-left: 3px solid #c61729;
	border-right: 0px solid #ccc;
}
.indexB .label a {
height: 30px;
line-height: 30px;
background: #f9e7e9;
color: #c61729;
}
.indexB .clzHeader {
width: 100%;
height: 30px;
line-height: 30px;
background: #f9e7e9;
color: #c61729;
text-align: center;
font-size: 16px;
font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","b8bf53",sans-serif;
}