@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:1rem;
    background:url(../images/backimg.png);
    background-size:100% 30%;
    background-position-y:bottom;
    background-repeat:no-repeat;
	background-color:#fdfdf1;
	color:#08430a;
    min-height:35rem;
    height:100%;
}
.maindatabg{
    background-image:url(../images/maindatabg.png);
    background-position-y:bottom;
    background-repeat:no-repeat;
    background-size:100%;
}
#canvas{
        height: 100% !important;
		width: 100%!important;
		max-width:1000px;
		font-size:1rem !important;
       
}

#canvaspie{
        height: 50% !important;
		width: 50%!important;
		max-width:500px;
		font-size:1rem !important;
	 	
}
p{
    padding:0;
    margin:0.5rem;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
	color:inherit;
	font-size:inherit;
}
hr {
    border:1px solid #fff;
}
.clear{
	clear:both;
}
select{
	background-color:#fff;
	display:block;
	height:2rem;
	line-height:2rem;
	text-align:center;
	text-indent:1rem;
	margin:0.3rem auto;
	border:1px #f1f1f1 solid;
	text-indent:1rem;
	border-radius:0.3rem;
}

.banner{
	text-align:left;
	width:auto;
	height:3rem;
	background-color:#231e17;
	padding:0.1rem 1rem;
    background-image:url(../images/bannerbg.png);
    background-size:100%;
    
}
.banner img{
	display:inline-block;
	float:left;
	height:2rem;


	margin-top:0.45rem;
	
}
.banner span {
	width:auto;
    
	display:inline-block;
	float:left;
	margin-left:0.5rem;
	font-size:1.1rem;
	color:#fff;
    line-height:3rem;
	overflow:hidden;
	white-space:nowrap; 
}
.banner .bottom{
	display:inline-block;
	float:right;
	width:3rem;
	height:2rem;
	line-height:2rem;
	background-color:#fff;
	color:rgba(0, 153, 204, 1);
	margin:0.4rem 0.1rem 0;
	text-align:center;
	font-size:0.8rem;
	padding:0;
	
}
.userinfo{
	padding:0.5rem 1rem 0;
	text-align:left;
	font-size:0.8rem;
}
.banner .name{
    position:relative;  
    display:inline-block;
    overflow:hidden;
    float:right;
    right:0.5rem;
    width:5.5rem;
    text-align:right;
 	font-size:1rem;
	font-weight:bold;
	color:#fff;
    line-height:3rem;
    font-size:1rem;
}
.userinfo .phone{
	color:#c30;
}
.banner .roles{
	 position:relative;  
    display:inline-block;
    overflow:hidden;
    float:right;
    right:0.5rem;
    width:5.5rem;
    text-align:right;
	font-size:1rem;
	font-weight:bold;
	color:#fff;
    line-height:1rem;
    font-size:0.8rem;
    margin: -1rem 0 0 0;
}
.whiteback{
    background-color:#fff;
}
.headline{
    margin:1rem auto 0.5rem;
	font-weight:bold;
	color:rgb(169, 65, 11);
}
.picheight{
    background:#d99515;
	position:absolute;
	width:100%;
	height:12rem;
	overflow:hidden;
	z-index:-1;
    margin-bottom:2rem;
    margin-top:0.1rem;
}
.focusdata{
     
     margin-top:0;
     margin-left:0.1rem;
     height:11rem;
    
}
.focusdata ul{
	height:auto;
	width:auto;
	margin: -0.5rem 0 0.1rem -0.5rem;
    /*background-image:url(../images/backimg.png);*/
    background-size: 100% 100%;
    background-position-y:bottom;
    padding: 2rem 0 0.2rem;
}
.feeoperation{
	font-weight:bold;
	margin-right:1rem;
}
.dipositfee{
	color:#363 !important;	
}
.expensefee{
	color:#C00 !important;
}

.focusdata li{
	display:inline-block;
	height:4rem;
	width:6rem;
	font-size:0.8rem;
	margin:0 0.2rem 0.8rem  0;
}

.focusdata .name{
	
    padding: 0 0.2rem;
     background-color:rgba(130, 123, 77, 0.8);
    /*box-shadow: 0.1rem 0.1rem 0.1rem rgba(22,85,122,1);*/
	border:1px rgba(255,255,255,0.1) solid;
    border-radius: 0 0 0.2rem 0.2rem;
    color:#fff;
    height:1rem;
    line-height:1.2rem;
}
.focusdata .num{
    width:100%;
    background-color:rgba(255,255,255,0.7);
    /*box-shadow: 0.1rem 0.1rem 0.1rem rgba(22,85,122,1);
	border:0.2rem rgba(255, 255, 255,0.3) solid;*/
	color:#a45c12;
	font-size:1.1rem;
	font-weight:bold;
    /*padding:0.3rem 0;*/
    border-radius:0.2rem 0.2rem 0 0;
    /*padding-top:0.2rem;*/
    height: 1.8rem;
    line-height: 2.2rem;
}
.warninginfo .num{
    margin:auto;
    width:6rem;
    background-color:rgba(251, 232, 173, 0.7);
    /*box-shadow: 0.1rem 0.1rem 0.1rem rgba(22,85,122,1);
	border:1px #cc3300 solid;*/
	color:#fe0404;
	font-size:1rem;
    /*line-height:2.5rem;*/
	font-weight:bold;
    padding:0.3rem 0 0;
    border-radius:10px;
}
.warninginfo ul{
	height:auto;
	width:auto;
	margin-bottom: -10px;
	margin-left:-2rem;
}
.warninginfo li{
	display:inline-block;
	width:3.5rem;
	height:2rem;
	font-size:0.8rem;
	
	margin-right:3rem;
	line-height:1.6rem;
	margin-bottom:1rem;
	
}
.warninginfo .name{
    color:#fe0404;
    margin-left:0.5rem;
    width:5rem;
}
.productdata{
    padding-top:1rem;
    height:12rem;
}
.whitecolor{
    color:#fff;
}
.productdata .num{
    margin:auto;
    width:3rem;
    background-color:rgba(23,96,174,0.7);
    /*box-shadow: 0.1rem 0.1rem 0.1rem rgba(22,85,122,1);*/
	border:0.5rem rgba(255,255,255,0.1) solid;
	color:#fff;
	font-size:1.2rem;
    line-height:2.5rem;
	/*font-weight:bold;*/
    padding:0.3rem 0;
    border-radius:50%;
}
.productdata ul{
	height:auto;
	width:auto;
	margin: 0.8rem 0 0.2rem 0rem;
    /*background-image:url(../images/backimg.png);*/
    background-size: 100% 100%;
    background-position-y:bottom;
    padding: 2rem 0 0.2rem;
    padding:0.4rem 0 0.4rem;
}
.productdata li{
	display:inline-block;
	width:4.3rem;
	height:2rem;
	font-size:0.8rem;
	margin-right:0rem;
	line-height:1.6rem;
	margin-bottom:1rem;
	
}
.productdata .name{
    margin-top:0.5rem;
    padding: 0 0.2rem;
     background-color:rgba(27,96,174,0.8);
    /*box-shadow: 0.1rem 0.1rem 0.1rem rgba(22,85,122,1);*/
	border:1px rgba(255,255,255,0.1) solid;
    border-radius:0.2rem;
    color:#fff;
    line-height:1.1rem;
    height:1rem;
}

	
.functionlist{
	color:#fff;
	font-size:1rem;
	margin-top:1rem;
}
.functionlist ul{
    padding-top:1rem;
	height:auto;
	width:auto;
	margin-left:-2.2rem;
    /*border-top:1px #fff dashed;*/
   
}	
.width4{
    display:inline-block;
    width:3.5rem;
    text-align:left;
    text-align:justify;
     text-align-last:justify;
     font-weight:bold;
}
.width4f{
    display:inline-block;
    width:3.1rem;
     text-align:justify;
     text-align-last:justify;
     line-height:1rem;
     margin-right:0!important;
     
}
.width3f{
    display:inline-block;
    width:3.3rem;
     text-align:justify;
     text-align-last:justify;
     line-height:1rem;
}
.width2f{
    display:inline-block;
    width:2.2rem;
     text-align:justify;
     text-align-last:justify;
     line-height:1rem;
}
.width7f{
    display:inline-block;
    width:7rem;
     text-align:justify;
     text-align-last:justify;
}
.width7{
    
    display:inline-block;
    width:6.5rem;
    line-height:0.9rem;
     text-align:left;
     overflow:hidden;
     

}
.functionlist li{
	display:inline-block;
	height:5rem;
	width:5rem;
	border-radius:0.8rem;
	margin:0 1rem 1rem 0;
	font-size:0.8rem;
}
.functionlist li:hover{
    box-shadow:0 0 0.8rem #2d82e3;
}
.functionlist li img{
	height:2.5rem;
	width:2.5rem;
	margin:0.4rem 1rem 0;
}
.functionlistcolor1{
	background-color:rgba(0, 204, 204, 1);
	border:1px solid rgba(0, 153, 153, 1);
   
}
.functionlistcolor2{
	background-color:rgba(153, 204, 0, 1);
	border:1px solid rgba(153, 153, 51, 1);
    
}	
.functionlistcolor3{
	background-color:rgba(255, 153, 153, 1);
	border:1px solid rgba(204, 102, 0, 1);
    
}
.functionlistcolor4{
background-color: rgb(214, 158, 17);
border: 1px solid rgb(239, 152, 22);
    
}
.functionlistcolor5{
background-color: rgb(247, 103, 157);
border: 1px solid rgb(199, 34, 161);
    
}
.functionlistcolor7{
	background-color:rgba(204, 102, 153, 1);
	border:1px solid rgba(153, 51, 102, 1);
    
}
.functionlistcolor6{
background-color: rgb(111, 182, 76);
border: 1px solid rgb(23, 160, 98);
    
}
.functionlistcolor8{
	background-color:rgba(202, 174, 62, 1);
	border:1px solid rgba(160, 139, 54, 1);
    
}

.copyright{
    display:block;
    margin-top:2rem;
	color:#fff;
	font-size:0.8rem;
  position:relative;
    bottom:0rem;
}
.quickquery{
	margin-top:0.5rem;
	text-align:left;
	padding-left:0rem;
	line-height:1rem;
}
.quickquery ul{
    margin-left:-2rem;
}
.dateinterval{
	display:inline-block;
	height:auto;
	width:auto;
	padding:0.5rem;
	color:#fff;
	margin:0.2rem 0rem 0.2rem 0;
	border-radius:0.5rem;
	font-size:0.8rem;
}
.linecolor1{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(11,93,169,1);
	border:1px rgba(11,93,169,1) solid;
	border-radius:50%;
	margin:0 0.5rem;
}
.linecolor2{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(60,153,31,0.7);
	border:1px rgba(60,153,31,0.7) solid;
	border-radius:50%;
	margin:0 0.5rem;
}
.linecolor3{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(143,115,31,0.7);
	border:1px rgba(143,115,31,0.7) solid;
	border-radius:50%;
	margin:0 0.5rem;
}
table{
    clear:both;
	margin:2rem 0;
    width:100%;
	border:1px #f1f1f1 solid;
	border-collapse:collapse;
	font-size:0.8rem;
    background-color:rgba(255,255,255,0.3);
	
}

th{
	background-color:#5188e3;
	height:1.5rem;
	font-weight:bold;
	height:2rem;
	border:1px rgba(11,93,169,0.1) solid;
	color:#fff;
}
td{
	border:1px rgba(11,93,169,0.1) solid;
	height:2rem;
	
}
td img{
    height:1rem;
}

.piecolor1{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(11,33,169,1);
	border-radius:50%;
	margin:0 0.6rem;
}
.piecolor2{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(11,115,169,1);
	border-radius:50%;
	margin:0 0.6rem;
}
.piecolor3{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(11,169,89,1);
	border-radius:50%;
	margin:0 0.6rem;
}
.piecolor4{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(123,169,11,1);
	border-radius:50%;
	margin:0 0.6rem;
}
.piecolor5{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(169,23,11,1);
	border-radius:50%;
	margin:0 0.6rem;
}
.piecolor6{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(169,63,11,1);
	border-radius:50%;
	margin:0 0.6rem;
}.piecolor7{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(169,15,11,1);
	border-radius:50%;
	margin:0 0.6rem;
}.piecolor8{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(169,11,108,1);
	border-radius:50%;
	margin:0 0.6rem;
}.piecolor9{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(139,7,182,1);
	border-radius:50%;
	margin:0 0.6rem;
}.piecolor10{
	display:inline-block;
	height:10px;
	width:10px;
	background-color:rgba(137,114,182,1);
	border-radius:50%;
	margin:0 0.6rem;
}
input{
	display:inline;
	height:2rem;
	line-height:2rem;
	border:1px #ecdfa2   solid;
	margin:0.3rem auto;
	text-indent:1rem;
	border-radius:1rem;
    	zoom:1;
   
}
input:disabled{
    border: 1px solid #DDD;
    background-color: #F5F5F5;
    color:#ACA899;
}
input:hover,input:active{
    box-shadow:0 0 0.8rem #fbed63;
}
.bottom:hover{
     box-shadow:0 0 0.8rem #2d82e3;
}
.bottomcolor{
	background-color:#fff !important;
	color:#759449 !important;
	border:1px #759449 solid;
	
}
.logoout{
	background-color:#c30 !important;
	color:#fff !important;
	
}
.active{
	background:#759449;
	border:1px #759449 solid;
}
.fullwidth{
	width:93%;
}
.halfwidth{
  
    width:42%;

}
.width6{
      display:inline-block;
      text-align:center;
    width:5%;
    font-size:0.8rem;
}
.inputbottom{
	background-color:#CC6900;
	border:1px #8E5111  solid ;
	color:#fff;
	font-size:1.1rem;
	margin: 0.5rem auto auto;
	text-indent:0;
    line-height:1rem;
}
.queryresult{
	width:95%;
	border-radius:0.2rem;
	border:1px #ffd799  solid;
	height:auto;
	padding:0rem 1%;
	margin-top:1rem;
	margin:auto;
	background-color:rgba(255,255,255,0.4);
}
.queryresult ul{
	width:auto;
	height:auto;
	padding:0 ;
    display:block;
}
.queryresult li{
	text-align:left;
	text-indent:0;
	height:auto;
	width:auto;
	border-bottom:1px #ecbba2  solid;
	padding:0.5rem 0;
	width: 100%;
}
.querysult .title{
	font-size:1.2rem;
	font-weight:bold;
	padding:0 0 0.5rem 0;

}
.font08{
	font-size:0.8rem !important;
}
.bestseller{
    color:#c30;
}
.curcol{
    background-color:rgba(204,51,0,0.2)
}
.sorticon {
    width:8px;
    height:16px;
    
}
.floatleft{
    margin-left:0.5rem;
    float:left;
}
.floatright{
    margin-right:0.5rem;
    float:right;
}
.queryresult li p{
	font-size:0.8rem;
	     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
	margin:0.1rem 0;
}
.queryresult li p span{
	margin-right:0.5rem;
	
}
.nobgrd{
	background:none !important;
}
.noboder{
	border:none;
}
 .bottom{
	height:2.5rem;
	text-align:center;
	line-height:2rem;
	background-color:#535d63;
	color:#fff;
	border-radius:1rem;
	display:inline-block;
	margin:0.5rem 1rem 0.5rem 0;
	padding:0 1rem;
	font-size:0.8rem;
}
 .opreatbottom{
     margin-left:-0.3rem;
 }
 .halfwidthbottom{
     display:inline-block;
     width:39%;
	height:2.5rem;
	text-align:center;
	line-height:2.5rem;
	background-color:#06C;
	color:#fff;
	border-radius:0.5rem;
	margin:0rem 0.4rem 0rem 0.4rem ;
	padding:0 0rem;
	font-size:1rem;
}
 .queruzone{
     border:1px #ece5a2  dashed;
     width:100%;
     margin: 0.8rem auto;
     padding:0.8rem 0;
     /*border-radius:0.3rem;*/
     background-color:#faf9ea;
 }
.process{
	height:auto;
	width:auto;
	
	margin-left:1rem;
	text-align:left
}
.status{
    background-color:rgba(255,255,255,0.3);
    border:#a2c7ec;
    border-radius:0.8rem;
    width:95%;
    margin-top:1rem;
    padding-bottom:2rem;
    
}

.lightcolor{
    width:80%;
	color: #111;
    font-weight: lighter;
    top: -2.5rem;
    position: relative;
    left: 0.1rem; 
    font-size:0.8rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    

}
.red{
	color:red !important;
}
.left20{
	text-align:left !important;
	margin-left:1rem!important;
}
.left60{
	text-align:left !important;
	margin-left:3rem!important;
}
.algin-center {
    text-align:center !important; 
}
.process p{
    margin :1rem auto 0 ;
    padding:0;
}
	
.process ul{
	margin-top: 1rem;
    padding: 0 0 2rem 1rem;
}
.process li{
	border-left:2px #ccc solid;
	height:3rem;
	line-height:3rem;
	color:#777;
	text-align:left;
}
.finished{
	color:#c30!important;
	border-color:#c30!important;
}
.process li span{
	display:inline-block;
	height:0.5rem;
	width:0.5rem;
	border-radius:50%;
	border:#ccc 2px solid;
	margin-left:-0.45rem;
	background-color:#fff;
	margin-right:1rem;
	margin-top:2.5rem;
	
}
.process li:first-child{
	border:none;
}
.process li:first-child span{
	margin-left:-0.3rem;
}
.finished span{
	border:#c30 2px solid !important;
}
textarea{
	width:100%;
	height:6rem;
    border-radius:0.1rem;
    border-color:#f1f1f1;
}
.servimg{
	display:block;
	width:auto;
	height:auto;
	margin:1rem auto;
	
}
.servimg ul{
	margin-left:-1rem;
}

.servimg li{
	float:left;
	display:inline-block;
	height:6rem;
	width:6rem;
	padding:0.2rem;
}
.servimg li img{
	width:100%;
	height:100%;
}
.top0{
	margin-top:-2rem;
}
.betweenline{
    width:auto;
    height:1px;
    border-bottom:1px rgb(236, 214, 162) dashed;
    margin:1rem auto;
}

#focus div{
	background:#e8d794;
	position:absolute;
	width:100%;
	height:14rem;
	overflow:hidden;
	z-index:-1;
    margin-bottom:2rem;
    margin-top:0.1rem;
	}
#focus img{
	width:100%;
	height:auto;
	z-index:-1;
	}
#focus #focus_img{
	display:none;
	z-index:-1;
	}
	

.backcolorgreen{
    background-color:#076835 !important;
}
.backcolororange{
    background-color:#c30 !important;
}

.remainingmoney{
    font-size:2rem;
    color:#076835;
}

#queryOptions1,#queryOptions2,#queryOptions3{
    /*height:3rem;*/
    padding:0.2rem 0 0 3rem;
  margin-top:-0.8rem !important;
  margin-bottom:0!important;
}
.changeyearbottom{
    border:1px #c30 solid !important ;
    color:#c30 !important ;
    background-color:#fff !important;
}
.changeyearbottom:hover{
      color:#fff !important ;
    background-color:#c30 !important;
}
.changeyearbottom:active{
      color:#fff !important ;
    background-color:#c30 !important;
}
.leftunder3{
    margin-left:-3rem;
}

.menu{
    min-height:2rem;
    width:100%;
    margin: 0 0 0 0rem;
    /*background-color:#4e6eb5;*/
    padding:0 !important;
    border-bottom:none !important;
    line-height:1rem;
}
.menu ul{
    margin-left:-0.2rem;
}
.menu .detailmenu li {
    display:inline-block;
    text-align:center;
    width:47.4%;
    /*border:1px solid #4e6eb5;*/
    background-color:#759449;
    height:1.5rem;
    line-height:1.5rem;
    color:#fff;
    margin:0 0 0 -0.3rem;
    padding:0.2rem 0 !important;
    border-left:#fff 1px solid;
}
.active1{
     background-color:#c30 !important;
}
.menu li:first-child{
    border-left:none !important;
    border-radius: 0.5rem 0 0 0rem;
}
.menu li:last-child{
    border-radius:0 0.5rem  0  0;
}
.topunder2{
    margin-top:-0.1rem;
}
.noindent{
    text-indent:0;
}
.width100{
    width:100%;
}
.width50{
    width:50%;
}
.right{
    margin-right:0!important;
}
p br{
    display:inline;
    line-height:5px;
}

.expressd{
    width:80%;
	color: #111;
    font-weight: lighter;
    position:relative;
     margin: -4.5rem 0 2.5rem 1.8rem;
    left: 0.1rem; 
    font-size:0.8rem;
    text-overflow:ellipsis;
    white-space:nowrap;
   
    

}

#txtMoney,#txtAmount {
    color:#fb6800;
}
.errorimg {
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	width:80%;
	height:auto;
}
.errorimg img{
	width:90%;
	height:auto;
}
.countNO{
    margin-top:5px;
    padding:0 0 10px 0;
    background-color:#a9d9eb;
    margin-left:-20px;
    text-align:left;
    color:#fff;
}
.countNO span{
    font-size:12px;
    margin-bottom:5px;
    text-align:center;
    margin-left:5px;
 }
.countNO div{
    font-size:18px ;
    text-align:center !important;
  
}
#queryOptions5{
    margin:0 auto;
}
.dateintervalNO {
    display: inline-block;
    height: auto;
    width: 42%;
    padding: 0.1rem;
    color: #fff;
    margin: 0.2rem 0rem 0.2rem 0;
    border-radius: 0.3rem;
    font-size: 0.8rem;
}
.activeNO {
    background: #f7ab48;
    border: 1px #f7ab48 solid;
}
.bottomcolorNO {
    background-color: #fff !important;
    color: #f7ab48 !important;
    border: 1px #f7ab48 solid;
}

.orderdetail{
    background-color:rgba(236, 255, 227,0.7);
    border-radius:2px;
    border:1px #759449 dashed;
}
.orderdetail li:last-child{

    border:none;
}
.apply {
    text-align:center;
    margin-top:3rem;

}
    .apply a {
        display:inline-block;
        height:2.5rem;
        line-height:2.5rem;
        width:100%;
      text-align:center;
        background-color:#708898;
        color:#fff;
        border-radius:1.1rem;
        font-size:14px;
       
    }