html, body, span, p, a, del, em, img, ol, fieldset, form, label {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-family: "微软雅黑","Yahei","Microsoft Yahei","simhei","黑体";
	
}

html, body{
	height:100%;
	width:100%;
	background-color:#999;
	color:#eaedf1;
}

.topGroup{
	height:50px;
	width:100%;
	position:fixed;
	z-index:800;
	top:0px;
	left:0px;
    
	background-color:#7db422;
}

.LeftMenu{
	background-color:#293038;
	color:#dcdddd;
	width:180px;
	float:left;
	position:absolute;
	bottom:0px;
	top:50px;
	left:0px;
	z-index:500;
	vertical-align:top;
}

.rightBody{
	position:absolute;
	float:left;
	top:50px;
	left:180px;
	right:0px;
	z-index:400;
	bottom:0px;
	/*background-color:#0FF;*/
}

.topleft_Logo
{
	width:50px;
	height:50px;
	float:left;
	background-color:#6aa644;
	background-image:url(../images/topleft_logo.png);
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}

.topleft_account{
	float:right;
	width:340px;
	padding-right:20px;
	padding-left:20px;
	height:42px;
	line-height:42px;
	margin-top:4px;
	margin-bottom:4px;
	border-left:1px rgba(180, 180, 180, 0.5) solid;
	color:#FFF;
	background-image:url(../images/downA.png);
	background-position:320px center;
	background-repeat:no-repeat;
	cursor:pointer;
	overflow:hidden;
}

.topleft_account p{
	overflow:hidden;
	height:42px;
	line-height:42px;
	width:300px;
}

.expandLeftButton{
	height:30px;
	line-height:30px;
	background-color:#394555;
	width:100%;
	cursor:pointer;
	background-image:url(../images/icon_shuzhe.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.fristMenuDiv{
	height:40px;
	line-height:40px;
	padding-left:50px;
	overflow:hidden;
	width:130px;
	color:#ffffff;
	font-size:12px;
	background-image:url(../images/icon_user.png);
	background-position:18px center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.fristMenuDiv:hover{
	background-color:#6c829b;
}

.fristMenuDiv_active{
	height:40px;
	line-height:40px;
	padding-left:50px;
	overflow:hidden;
	width:130px;
	color:#ffffff;
	font-size:12px;
	background-image:url(../images/icon_user.png);
	background-position:18px center;
	background-repeat:no-repeat;
	background-color:#6aa644;
	cursor:pointer;
}

.secMenuDiv{
	width:180px;
	height:100%;
	background-color:#eaedf1;
	position:absolute;
}

.secMenuDivTitle{
	height:60px;
	line-height:60px;
	padding:5%;
	background-color:#d9e4d9;
	font-weight:bold;
	color:#333;
	width:90%;
}

.secMenuDivItem{
	padding:5%;
	height:30px;
	line-height:30px;
	cursor:pointer;
	width:85%;
	padding-left:10%;
	color:#333;
	font-size:12px;
}

.secMenuDivItem:hover{
	background-color:#f3fcf2;
}

.secMenuDivItem_active{
	padding:5%;
	height:30px;
	line-height:30px;
	cursor:pointer;
	width:85%;
	padding-left:10%;
	color:#333;
	font-size:12px;
	background-color:#FFF;
}

.mainBody{
	left:180px;
	right:0px;
	top:0px;
	bottom:0px;
	padding:14px;
	position:absolute;
	background-color:#FFF;
	overflow:auto;
}

.qlGroup{
    width:100%;
    height:46px;
    line-height:46px;
    border-bottom:1px solid #E2E2E2;
    color:#777;
}

.qlGroup_title{
    float:left;
    height:30px;
    line-height:30px;
    padding-left:14px;
    padding-right:14px;
    width:auto;
    margin-top:8px;
    border-left:2px solid #7db422;
}

.qlGroup_l_buttom{
    float:left;
    height:30px;
    line-height:30px;
    width:auto;
    padding-left:14px;
    padding-right:14px;
    background-color:#f3fcf2;
    margin-left:14px;
    margin-top:8px;
    cursor:pointer;
}

.qlGroup_l_buttom:hover{
    float:left;
    height:30px;
    line-height:30px;
    width:auto;
    padding-left:14px;
    padding-right:14px;
    background-color:#f3fcf2;
    margin-left:14px;
    margin-top:8px;
    cursor:pointer;
    color:#000;
}

.qlGroup_l_buttom_active{
    float:left;
    height:30px;
    line-height:30px;
    width:auto;
    padding-left:14px;
    padding-right:14px;
    background-color:#7db422;
    margin-left:14px;
    color:#FFF;
    margin-top:8px;
}

.qlGroup_r_buttom{
    float:right;
    height:30px;
    line-height:30px;
    width:auto;
    padding-left:14px;
    padding-right:14px;
    background-color:#f3fcf2;
    margin-left:14px;
    margin-top:8px;
    cursor:pointer;
}

.qlGroup_r_buttom:hover{
    float:right;
    height:30px;
    line-height:30px;
    width:auto;
    padding-left:14px;
    padding-right:14px;
    background-color:#f3fcf2;
    margin-left:14px;
    margin-top:8px;
    cursor:pointer;
    color:#000;
}

.searchGroup{
    height:40px;
    line-height:40px;
    width:100%;
}

.sgInput{
    padding-left:12px;
    padding-right:18px;
    height:26px;
    line-height:26px;
    border:1px solid #c2c2c2;
    width:80px;
    float:left;
    margin-top:11px;
    margin-left:14px;
    margin-bottom:11px;
}

.sgButton{
    float:left;
    margin-left:14px;
    margin-top:11px;
    padding-left:12px;
    padding-right:12px;
    height:26px;
    line-height:26px;
    border:1px solid #c2c2c2;
    color:#333;
    background-color:#E2E2E2;
    cursor:pointer;
    margin-bottom:11px;
}

.sgButton:hover{
    background-color:#FFF;
}

#showDetailBody{
    width:100%;
    margin-top:2%;
    background-position:center center;
    background-repeat:no-repeat;
    min-height:100px;
}

#showDetailBody table{
    width:100%;
    border:1px solid #c1c1c1;
    border-bottom:0px;
    font-size:12px;
}

#showDetailBody table th{
    background-color:#f3fcf2;
    height:50px;
    padding-left:4px;
    line-height:50px;
    border-bottom:1px solid #c1c1c1;
    text-align:left;
    color:#777;
}

#showDetailBody table td{
    min-height:40px;
    padding-left:4px;
    line-height:40px;
    border-bottom:1px solid #c1c1c1;
    text-align:left;
    color:#777;
}

#showDetailBody table tr:hover{
    background-color:#f3fcf2;
    min-height:30px;
    padding-left:4px;
    line-height:30px;
    border-bottom:1px solid #c1c1c1;
    text-align:left;
    color:#777;
}

.showpageBut{
    width: 100px;
    height: 50px;
    float: left;
    z-index:120;
    text-align:center;
    vertical-align: bottom;
    color: #777;
    cursor: pointer;
}

.showpageBut:hover{
    background-color:#7db422;
     width: 100px;
     text-align:center;
    height: 50px;
    float: left;
    vertical-align: bottom;
    color:#FFF;
}

.mailListDiv {
    float:left;
    width:390px;
    height:100%;
    border-right:1px solid #E2E2E2;
    background-color:#FFF;
    overflow-y:auto;
    overflow-x:hidden;
}

.mailDetailDiv {
    width:620px;
    float:left;
    border-right:1px solid #E2E2E2;
    background-color:#FFF;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
}

.trackDetail {
    width:300px;
    float:left;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    background-color:#FFF;
}

.mailListTabs {
    width:100%;
    height:40px;
    border-bottom:1px solid #E2E2E2;
}

.mailBoxList {
    width:100%;
    height:100%;
}
.mailListTabs .tabDiv {
    width:100px;
    float:left;
    padding:10px;
    height:20px;
    line-height:20px;
    cursor:pointer;
    background-color:#FFF;
}


.mailListTabs .tabDiv_action {
    width:100px;
    float:left;
    padding:10px;
    background-color:#FFF;
    height:20px;
    line-height:20px;
    border-top:2px solid #7db422;
    margin-top:1px;
    border-left:1px solid #E2E2E2;
    border-right:1px solid #E2E2E2;
    color:#7db422;
}

.mailBoxDiv {
    height:100px;
    width:100%;
    border-bottom:1px solid #f3fcf2;
    padding-top:5px;
    padding-bottom:5px;
}

.leftPoint {
    width:40px;
    height:40px;
    background-color:#7db422;
    color:#FFF;
    border-radius:50%;
    text-align:center;
    line-height:40px;
}

.rightTableSender{
    color:#777;
    height:24px;
    line-height:24px;
    font-size:14px;
    width:55%;
    float:left;
    overflow:hidden;
}

.rightTableTime {
    color:#999;
    height:24px;
    line-height:24px;
    font-size:10px;
    width:45%;
    float:left;
}

.rightTableTitle {
    width:100%;
    height:30px;
    line-height:30px;
    font-size:16px;
    float:left;
    color:#555;
    overflow:hidden;
}

.rightTableDetail {
    width:100%;
    height:30px;
    line-height:30px;
    font-size:12px;
    float:left;
    color:#555;
    overflow:hidden;
}

*{
  scrollbar-face-color:#9bc630;
  /*面子*/  
  scrollbar-arrow-color:#C0C0C0;
  /*箭头*/  
  scrollbar-3dlight-color:#C0C0C0;
  /*最外左*/  
  scrollbar-highlight-color:#FFFFFF;
  /*左二*/  
  scrollbar-shadow-color:#FFFFFF;
  /*右二*/  
  scrollbar-darkshadow-color:#C0C0C0;
  /*右一*/  
  scrollbar-track-color:#f3f3f3;
  /*滑道*/  
}
/*滚动条整体*/  
::-webkit-scrollbar{
  width:6px !important;
  /*滚动条宽度*/  
}
/*滚动条按钮*/  
::-webkit-scrollbar-button {
}
::-webkit-scrollbar-track{
  background-color:#f3f3f3;
  /*滑道全部*/  
}
::-webkit-scrollbar-track-piece{
  background-color:#f3f3f3;
  /*滑道*/  
  -webkit-border-radius:4px;
  /*滑道圆角宽度*/  
}
::-webkit-scrollbar-thumb{
  background-color:#9bc630;
  /*滑动条表面*/  
  border:solid 1px #C0C0C0;
  /*滑动条边框*/  
  border-radius:4px;
  /*滑动条圆角宽度*/  
}
/*横竖滚动条交角*/  
::-webkit-scrollbar-corner {
  background-color: #9bc630;
}
/*横竖滚动条交角图案*/  
::-webkit-resizer {
  /*background-image: url(/public/img/resizer-inactive.png);*/  
  background-repeat: no-repeat;
  background-position: bottom right;
}
/*鼠标滑过滑动条*/  
::-webkit-scrollbar-thumb:hover{
  background-color:#F3F3E0;
}
.container{
  overflow-y:scroll;
  overflow-x:scroll;
  width:200px;
  height:200px;
  border:1px solid #e3e3e3;
}

.ResListItem {
    border:1px solid #C0C0C0;
    border-top:2px solid #7db422;
    width:100%;
    height:60px;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:20px;
    background-color:#FFF;
}

.ResListItemed {
    border:1px solid #C0C0C0;
    border-top:2px solid #7db422;
    width:100%;
    height:60px;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:20px;
    background-color:#cffa87;
}

.ui-autocomplete {
    display:block;
        z-index:99999;
}

.red_progress {
    width: 95%;
    background-color: orange;
    color: orange; /*IE10*/
}
    .red_progress::-webkit-progress-bar {
        background-color: darkred;
    }
.red_progress::-webkit-progress-value 
{
    background-color: darkred;
}
.green_progress {
    width: 95%;
    background-color: green;
    color: green; /*IE10*/
}
.green_progress::-webkit-progress-bar {
    background-color: #d7d7d7;
}

.green_progress::-webkit-progress-value {
    background-color:green;
}