a{color:#697d84;}
.thumb{width:30px;height:30px;}
.status{display: inline-block;padding:0 3px}
.num{width:80px;}
.warning a{display:inline-block;padding:3px 5px;}
.thumb{width:30px;height:30px;vertical-align: middle;}
.grid{    grid-column-gap: 10px;}
header{
  position: relative;
}
#canvas{z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;}
#logo{height:40px;vertical-align: middle;}

input[type=text],input[type=number]{border:1px solid #ddd;outline:none;}
.num{padding:0!important}
.w200{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width:200px;}
.inp{padding:3px 0;}
.spinner{padding:0 5px;background:red;color:#fff;border-radius:10px;}

.pager>*{display:inline-block;padding:5px;margin-right:5px;}
.noimg{width:100px;}   
.mask img{max-width:100%;max-height:100%;}
.main{background:#055C7A;padding:10px;}

body{background:#055C7A}
header{background:url(../img/BG_top.png) repeat-x;color:#fff;background-size:100% 100%;padding:20px;}
footer{text-align:center;padding:15px;color:#999;background:#2A683F;position:fixed;bottom:0;left:0;right:0;}
#right{position:relative;}
.face{width:50px;height:50px;border-radius:100px;background:#fff;vertical-align: middle;}
.title{padding:15px 10px;background:#2A683F}
.icon-fanhui1{color:#09597A;}
.btn{padding:5px 10px;}
.sbtn{padding:5px!important;}
.navs{color:#4FC690}
.navs span{display:inline-block;padding:2px 5px;border-bottom:1px solid #2A683F;cursor:pointer;}
.navs span:hover{opacity:.75;}
.navcur,.navcur:hover{color:#fff;border:none!important;}
.url{cursor:pointer;}
.inp{box-shadow:none;background:#fff;}
td .btn{border:1px solid #ccc;background:#21A95D;padding:5px;}
td .btn:hover{border:1px solid red;background:#21A95D;}
.tab{position:absolute;top:-30px;left:20px;}
.tab a{display:inline-block;border-radius:10px 10px 0 0;padding:5px 15px;color:#fff;text-decoration:none!important;}
.tab a:hover{text-decoration:none!important;color:red;}
.tab a.cur{background:#21A95D;}
.ico{display:inline-block;background:#307346;border-radius:10px;cursor:pointer;margin-bottom:10px;}
.ico_img{border-radius:10px;padding:5px 20px;}
.ico_img img{max-width:100px;max-height:100px;}
.ico_img .iconfont{font-size:68px;color:#fff;padding:10px;display:inline-block;box-shadow: 4px 9px 5px 7px #cccccc55;
    border-radius: 100px;}
.ico_name{color:#fff;text-align:center;font-size:16px;font-weight:bold;padding:10px;}
.ibg1{background-image:linear-gradient(to bottom, #78DE7A 0%,#699E32 100%);}
.ibg2{background-image:linear-gradient(to bottom, #E7BB5A 0%,#DD9330 100%);}
.ibg3{background-image:linear-gradient(to bottom, #41B5DC 0%,#248BAE 100%);}

.btns{text-align:center;padding:10px;}
.btns1{padding:150px 0;background:#055C7A;text-align:center;}
.btns1 .ico{margin-right:50px;}
.btns2{padding:150px 0;background:#055C7A;text-align:center;}
.btns2 .ico{margin:0 20px 20px 0;}
.btns1 .ico:nth-child(1),.btns2 .ico:nth-child(1){background:#F2BC50;}
.btns1 .ico:nth-child(2),.btns2 .ico:nth-child(2){background:#FF6B6B;}
.btns1 .ico:nth-child(3),.btns2 .ico:nth-child(3){background:#26B4E4;}
.btns1 .ico:nth-child(4),.btns2 .ico:nth-child(4){background:#5B9BF3;}
.btns1 .ico:nth-child(5),.btns2 .ico:nth-child(5){background:#4FC690;}
.btns1 .ico:nth-child(6),.btns2 .ico:nth-child(6){background:#AD8CF5;}

.div1{background:#055C7A;padding:40px 10px;text-align:center;}
.div2{background:#D5E5FF;border-radius:10px;padding:10px;margin:0 auto;display:block;position:relative;width:auto;max-width:100%;}
.div2 .oa table{margin:0 auto;}
table.list tr.cur td{background-color: aqua;}
.pages{color:#fff;padding:20px 0 10px 0}
.s0{color:red}    
.s1{color:green}

@media (max-width: 600px) {
    .grid4{grid-template-columns:repeat(2,1fr);}
    .btns1,.btns2{padding:50px 0;}
    .ico{margin:0 10px 10px 0!important;}
}
@media (min-width: 1201px) and (max-width:1520px) {
    
}
@media (min-width: 1520px) {
    
}
form{max-width:100%;}
.icos1{background:url(../img/icon05.png) no-repeat;width:200px;height:200px;zoom:.75;display:inline-block;}
.icos1.ico1{background-position:-32px -19px;}
.icos1.ico2{background-position:-312px -16px;}
.icos1.ico3{background-position:-602px -16px;}

.icos2{background:url(../img/icon07.png) no-repeat;width:120px;height:120px;zoom:.75;display:inline-block;}
.icos2{
    display: inline-block;
    background-image: url(../img/icon07.png);
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    zoom: .75;
}
.icos2:nth-child(1) {background-position: -15px -1px;}
.icos2:nth-child(2) {background-position: -187px -1px;}
.icos2:nth-child(3) {background-position: -359px -1px;}
.icos2:nth-child(4) {background-position: -531px -1px;}
.icos2:nth-child(5) {background-position: -703px -1px;}
.icos2:nth-child(6) {background-position: -15px -163px;}
.icos2:nth-child(7) {background-position: -187px -163px;}
.icos2:nth-child(8) {background-position: -359px -163px;}
.icos2:nth-child(9) {background-position: -531px -163px;}
.icos2:nth-child(10) {background-position: -703px -163px;}
.icos2:nth-child(11) {background-position: -15px -325px;}
.icos2:nth-child(12) {background-position: -187px -325px;}
.icos2:nth-child(13) {background-position: -359px -325px;}
.icos2:nth-child(14) {background-position: -531px -325px;}
.icos2:nth-child(15) {background-position: -703px -325px;}
.icos2:nth-child(16) {background-position: -15px -487px;}
.icos2:nth-child(17) {background-position: -187px -487px;}
.icos2:nth-child(18) {background-position: -359px -487px;}
.icos2:nth-child(19) {background-position: -531px -487px;}
.icos2:nth-child(20) {background-position: -703px -487px;}
.icos2:nth-child(21) {background-position: -15px -649px;}
.icos2:nth-child(22) {background-position: -187px -649px;}
.icos2:nth-child(23) {background-position: -359px -649px;}
.icos2:nth-child(24) {background-position: -531px -649px;}
.icos2:nth-child(25) {background-position: -703px -649px;}

.icos3{
    display: inline-block;
    background-image: url(../img/icon08.png);
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    zoom: .75;
}
.icos3:nth-child(1) {background-position: -15px -1px;background-color: #F2BC50;}
.icos3:nth-child(2) {background-position: -187px -1px;background-color: #FF6B6B;}
.icos3:nth-child(3) {background-position: -359px -1px;background-color: #26B4E4;}
.icos3:nth-child(4) {background-position: -531px -1px;background-color: #5B9BF3;}
.icos3:nth-child(5) {background-position: -703px -1px;background-color: #4FC690;}
.icos3:nth-child(6) {background-position: -15px -163px;background-color: #AD8CF5;}
.icos3:nth-child(7) {background-position: -187px -163px;background-color: #F1AF4F;}
.icos3:nth-child(8) {background-position: -359px -163px;background-color: #26B4E4;}
.icos3:nth-child(9) {background-position: -531px -163px;background-color: #5B9BF3;}
.icos3:nth-child(10) {background-position: -703px -163px;background-color: #4FC690;}
.balance-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 20px;
  background: #fff;
}
.category {
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.category-title {
  background: #4FC690;
  color: white;
  padding: 10px 15px;
  font-weight: bold;
  border-radius: 8px 8px 0 0;
}
.subcategory {
  padding: 10px 15px;
}
.subcategory-item {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px dashed #eee;
}
.subcategory-item:last-child {
  border-bottom: none;
}
.number {
  font-family: monospace;
  color: #2A683F;
}
.category-total {
  background: #eef9ff;
  padding: 10px 15px;
  font-weight: bold;
  border-top: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
}
.grand-total {
  grid-column: 1 / -1;
  background: #2A683F;
  color: white;
  padding: 15px;
  border-radius: 8px;
  text-align: right;
  font-weight: bold;
  font-size: 1.2em;
}
.pdright{margin-left: -10px;}
@media (max-width: 700px) {
  .grid2 {grid-template-columns: 1fr;}
  .pdright{margin-left: -0px;}
}