body{background-color: #efefef;}

.main{padding-top: 152px;}

/*menu*/
.menu{position: fixed; top: 40px; width: 100%; padding: 15px; background-color: #fff;}
.menu .content{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.menu .content .item{width: 33%; display: flex; display: -webkit-flex; justify-content: center; align-items: center;
      margin: 5px 0px; font-size: 0.8em;}
.menu .content .item .text{border: 1px solid #efefef; padding: 6px 12px; border-radius: 20px; color: #7d7d7d;}
.menu .content .item.active .text{background: url('../icon/log_active.png') no-repeat center; background-size: 100% 100%; color: #fff;}

/*log*/
.log{}
.log .item{background-color: #fff; margin-top: 10px; padding: 10px;}
.log .item .time{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #efefef; padding-bottom: 5px;}
.log .item .time .key{color: #195abc; font-size: 0.8em; display: flex; display: -webkit-flex; align-items: center;}
.log .item .time .key > img{width: 15px;}
.log .item .time .key > span{padding-left: 5px;}
.log .item .time .key > span.border{color: #2b97ed; border: 1px solid #2b97ed; border-radius: 20px; padding: 2px 8px; min-width: 70px;}
.log .item .time .value{color: #7d7d7d; font-size: 0.75em; padding-right: 15px;}

.log .item .amount{display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; padding: 10px;}
.log .item .amount .shufenge{ width: 1px; background-color: #efefef; height: 30px;}
.log .item .amount .liang{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; width: 120px;}
.log .item .amount .liang .key{color: #7d7d7d; font-size: 0.7em;}
.log .item .amount .liang .value{color: #e84e4e; font-size: 1.1em;}

.log .item .remark{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: flex-start;}
.log .item .remark .key{background-color: #2b97ed; min-width: 40px; font-size: 0.8em; padding: 2px 5px; border-radius: 10px; text-align: center;}
.log .item .remark .value{color: #7d7d7d; font-size: 0.8em; flex-grow: 1; padding-left: 5px; word-wrap: break-word;}