user-receipt.css 2.4 KB
/*zzf*/
/***************************************************
* feature  :  变量配置;
* update   :  2015/02/05;
* use      :  ;
* extend   :  ;
* example  :  ;
* desc     :  ;
* feedback :  此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
*          -  demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
****************************************************/
.bg-img {
  background: url('../../images/icon/icon.png') no-repeat;
  background-size: 150px;
}
.receipt-list {
  margin-top: 10px;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  background: #ffffff;
}
.receipt-list .head {
  height: 45px;
  border-bottom: 1px solid #dddddd;
  line-height: 45px;
}
.receipt-list .head input[type='radio'] {
  float: left;
  margin-left: 15px;
  margin-top: 13px;
}
.receipt-list .head p {
  float: left;
  margin-left: 15px;
  font-size: 14px;
}
.receipt-list .head a {
  float: right;
  margin-right: 10px;
  font-size: 12px;
  color: #666;
}
.receipt-list .list {
  padding: 0 10px;
}
.receipt-list .list li {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #dddddd;
}
.receipt-list .list .cont {
  display: -moz-box;
  display: -webkit-box;
  display: box;
}
.receipt-list .list .cont .selected {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  display: inline-block;
}
.receipt-list .list .cont .selected input[type='radio'] {
  margin-left: 5px;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
}
.receipt-list .list .cont .selected .img,
.receipt-list .list .cont .selected .img img {
  width: 60px;
  height: 60px;
  display: inline-block;
}
.receipt-list .list .cont .msg {
  margin-left: 10px;
  margin-right: 10px;
  -moz-box-flex: 3;
  -webkit-box-flex: 3;
  box-flex: 3;
}
.receipt-list .list .cont .msg a {
  color: #666;
  font-size: 12px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.receipt-list .list .cont .msg p {
  color: #999;
  font-size: 12px;
}
.receipt-list .list .cont .price {
  display: inline-block;
  vertical-align: top;
  -moz-box-flex: 2;
  -webkit-box-flex: 2;
  box-flex: 2;
}
.receipt-list .list .cont .price p {
  font-size: 12px;
  color: #000;
}
.receipt-list .list .operation {
  position: absolute;
  right: 0px;
  display: none;
}