php/www/webapp/o2o/css/balanceLog.css

.spa-page-balanceLog .scroller{
  background-color: #c8c8c8;
}
.spa-page-balanceLog .balance-log{
  margin: 15px auto;
  background-color: white;
  border-top:1px solid rgba(0,0,0,0.3);
  border-bottom:1px solid rgba(0,0,0,0.3);
}
.spa-page-balanceLog div.balance-log:nth-child(1){
  margin-top: 0;
}
.spa-page-balanceLog .balance-log div{
  padding:15px 0;
  padding-left: 15px;
}
.spa-page-balanceLog .balance-log div span.left{
  font-size: 1rem;
  margin-right: 1rem;
  text-shadow: 1px 1px 0px;
}
.spa-page-balanceLog .balance-log .memo{
  border-bottom:1px solid rgba(0,0,0,0.3);
}
.spa-page-balanceLog .balance-log .time-str{
  border-bottom:1px solid rgba(0,0,0,0.3);
}
.spa-page-balanceLog .balance-log .type-str{
  border-bottom: 1px solid rgba(0,0,0,0.3);
}
.spa-page-balanceLog span.red{
  color: red;
}
.spa-page-balanceLog span.green{
  color: green;
}


.spa-page-balanceLog #balanceLogScroll{
  margin-top: 145px;
}

.spa-page-balanceLog .new-time{
  top: 0;
  width: 100%;
  color: white;
  position: fixed;
  padding: 25px 0;
  padding-bottom: 0;
  background: url('http://odulvej8l.bkt.clouddn.com/mine-%E5%BA%95%E7%BA%B9.jpg') no-repeat;
  background-size: 100%;
}
.spa-page-balanceLog .new-time>div{
  float: left;
}
.spa-page-balanceLog .new-time>div>div{
  line-height: 40px;
}

.spa-page-balanceLog .new-time>div:nth-child(1){
  border-right: 1px dashed white;
}
.spa-page-balanceLog .new-time>div:nth-child(1)>div{
  padding-left: 15px;
}
.spa-page-balanceLog .new-time>div:nth-child(2),.new-time>div:nth-child(3){
  padding-left: 15px;
}
/*第一行字体*/
.spa-page-balanceLog .width-percent-33>div:nth-child(1){
  font-size: .7rem;
  font-weight: 100;
  color: rgba(255, 255, 255, 0.83);
}
/*三角符号*/
.spa-page-balanceLog .width-percent-33 .month{
  position: relative;
  transition: 500ms all;
}
.spa-page-balanceLog .width-percent-33 .month:after{
  width: 0;
  height: 0;
  left: 55px;
  top:  15px;
  content: "";
  position: absolute;
  border-top: 5px solid white;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.spa-page-balanceLog .width-percent-33 .month:active{

}

/*部分样式修改*/
.spa-page-balanceLog .segmented-control{
  margin-top: 15px;
}
.spa-page-balanceLog .segmented-control .control-item.active{
  background-color: rgb(146,118,3);
}

/*tab切换*/
.spa-page-balanceLog .product-main-container{
  top: 44px;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

/*模态框*/
.spa-page-balanceLog .o2o-modal{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: none;
  position: fixed;
  background: rgba(51, 51, 51, 0.2);
}

.spa-page-balanceLog .modal-box{
  top: 30%;
  left: 7.5%;
  width: 85%;
  position: fixed;
  background-color: #fcfafa;
  border-top: 1px solid rgba(0, 0, 0, 0.43);
  border-left: 1px solid rgba(0, 0, 0, 0.43);
  border-right: 1px solid rgba(0, 0, 0, 0.43);
}


.spa-page-balanceLog .modal-box .width-percent-50{
  float: left;
}

.spa-page-balanceLog .modal-box .width-percent-50>div:nth-child(1),.width-percent-50>div:nth-child(3){
  width: 40px;
  height: 30px;
  margin: 0 auto;
  cursor: pointer;
  line-height: 26px;
  text-align: center;
  border-radius: 3px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.spa-page-balanceLog .modal-box .width-percent-50>div:nth-child(2){
  margin: 3px;
  font-size: 15px;
  text-align: center;
}

/*选择*/
.spa-page-balanceLog .modal-box .select{
  clear: both;
  width: 100%;
  margin-top: 5rem;
}

.spa-page-balanceLog .modal-box .select>div{
  width: 50%;
  float: left;
  line-height: 30px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: transparent;
}
.spa-page-balanceLog .select-the-month{
  color: #212121;
  line-height: 1.8rem;
  padding-left: 0.9rem;
  border-bottom: 2px solid #000000;
  margin-bottom: 0.3rem;
}