.cy-content-top {
  width: 100%;
  height: 320rpx;
  overflow: hidden;
  background-color: white;
}

.cy-user {
  margin-top: 60rpx;
  width: 100%;
  height: 128rpx;
  text-align: center;
}

.cy-user-info {
  margin-top: 40rpx;
  width: 100%;
  height: 100rpx;
}

.cy-user-line {
  width: 2%;
  height: 60%;
  float: left;
  overflow: hidden;
}

.cy-line-view {
  margin-top: 5rpx;
  width: 1px;
  height: 35rpx;
  background-color: gainsboro;
}

.cy-user-point {
  width: 30%;
  height: 100%;
  text-align: center;
  font-size: 14px;
}

.cy-recharge-icon {
  width: 100%;
  height: 100rpx;
  font-size: 14px;
}

.cy-icon {
  width: 25rpx;
  height: 25rpx;
  border: 1px solid #004585;
  border-radius: 50%;
  color: #004585;
  line-height: 12px;
  text-align: center;
  margin-right: 15rpx;
  font-size: 10px;
}

.cy-content-list {
  width: 100%;
  height: auto;
}

.cy-list-item {
  position: relative;
  margin-left: 40rpx;
  width: 670rpx;
  height: 190rpx;
  margin-bottom: 10rpx;
}

.cy-list-item image{
  position: absolute;
  width: 100%;
  height: 100%;
}

.cy-item-row {
  position: absolute;
  left: 40rpx;
  bottom: 40rpx;
  width: 400rpx;
  height: 70rpx;
  text-align: center;
 
}

.cy-item-row text{
  width: 200rpx;
  height: 80rpx;
  letter-spacing: 8rpx;
  font-size: 14px;
}

.cy-row-recharge {
  position: absolute;
  padding: 0rpx 15rpx;
  right: 0rpx;
  width: 120rpx;
  height: 60rpx;
  font-size: 28rpx;
  background-color: #004585;
  color: white;
  border-radius: 60rpx;
}

.cy-list-footer {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0rpx 0rpx 80rpx 0rpx;
}

.cy-recharge-tag {
  position: relative;
  width: 750rpx;
  height: auto;
  min-height: 80rpx;
  text-align: center;
}

.cy-tag-valus {
  position: relative;
  margin-left: 30rpx;
  margin-top: 30rpx;
  width: 210rpx;
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  border-radius: 80rpx;
  border: 1px solid gainsboro;
}

.cy-normal-tag {
  background-color: white;
  color: black;
}

.cy-select-tag {
  background-color: #004585;
  color: white;
}

.cy-recharge-view {
  width: 750rpx;
  height: 80rpx;
}

.cy-recharge-view view {
  margin-top: 60rpx;
  width: 440rpx;
  height: 100%;
  background-color: #004585;
  color: white;
  border-radius: 80rpx;
  font-size: 16px;
}

/* ********************* */

page {
  background-color: #eee;
}

.amount_title_remark {
  padding: 0.5rem 0.8rem;
  font-size: 12px;
  color: #999;
  text-align: left;
}

.placeholder {
  margin: 5px;
  padding: 0 10px;
  text-align: center;
  background-color: #fff;
  height: 3.0em;
  line-height: 3.0em;
  color: #333;
  border-radius: 8px;
  border: 1px solid #eee;
}

.cur {
  border-color: #f05350;
  color: #f05350;
}

.zan-radius {
  border-radius: 8px;
}

.no_record {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 50%;
  text-align: center;
}

.no_title {
  font-size: 18px;
  color: #666;
}

.item_01 {
  background-color: #f05350;
  border-color: #f05350;
}