.pay-note-setting {
font-family: Arial, "Microsoft YaHei", "Microsoft Sans Serif", "Microsoft SanSerf", "微软雅黑" !important;
font-size: 12px;
line-height: 1.15;
/*
display: inline-block;
*/
}
.pay-note-panel {
/*
position: absolute;
width: 100%;
height: 47px;
z-index: 299;
*/
padding: 0 10px;
box-sizing: border-box;
}
.pay-note-panel .card-list {
position: relative;
display: flex;
align-items: center;
width: 100%;
overflow: hidden;
height: 100%;
}
.pay-note-panel .card-list .card-wrapper {
white-space: nowrap;
transition: margin-left .3s;
}
.pay-note-panel .card-list .card-wrapper .child:first-child {
margin-left: 0;
}
.card-item-box {
position: relative;
display: inline-block;
margin: 0 2px;
width: 85px;
height: 32px;
padding: 1px;
border-radius: 18px;
border: 1px solid transparent;
}
.card-item {
width: 83px;
height: 30px;
display: inline-block;
position: relative;
overflow: hidden;
background-color: #fcfcfc;
border-radius: 15px;
cursor: pointer;
}
.card-item .totle {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: .5;
}
.card-item .progress {
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.card-item .face-img {
position: absolute;
left: 2px;
width: 27px;
height: 27px;
border-radius: 50%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
/*top: 50%;*/
top: 1.5px;
/*transform: translate(0,-50%) translateZ(0);*/
}
.card-item .price {
position: absolute;
/*top: 50%;*/
top: 8px;
left: 50%;
margin-left: -14px;
/*transform: translate(-14px,-50%) translateZ(0);*/
font-size: 12px;
width: 54px;
height: 14px;
line-height: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
}