mnsx/unpackage/dist/dev/mp-weixin/pages/tool/phoneBill.wxss

@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
.cz-top {
  height: 450rpx;
  width: 750rpx;
  position: relative;
}
.cz-top .top-bg {
  position: absolute;
  bottom: 0;
  left: -825rpx;
  margin: auto;
  width: 2400rpx;
  height: 2400rpx;
  border-radius: 50%;
  background-color: #901b21;
}
.cz-top .top-tit {
  position: relative;
  padding: 50rpx 27rpx 30rpx;
  font-size: 26rpx;
  font-weight: bold;
  color: #FFFFFF;
}
.cz-top .top-phone {
  position: relative;
  font-size: 28rpx;
  font-weight: bold;
  color: #FFFFFF;
  display: block;
  border-bottom: 1px solid #ffff;
  width: 696rpx;
  height: 70rpx;
  line-height: 70rpx;
  margin: auto;
}
.tc-wrap {
  width: 694rpx;
  min-height: 308rpx;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(50, 50, 52, 0.06);
  border-radius: 21rpx;
  margin: -200rpx auto 0;
  position: relative;
  padding: 30rpx;
}
.tc-wrap .tc-tit {
  font-size: 28rpx;
  font-weight: bold;
  color: #010101;
}
.tc-wrap .tc-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 20rpx 0;
}
.tc-wrap .tc-list .list-item {
  width: 200rpx;
  height: 129rpx;
  background: #fff4f5;
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 10rpx;
  margin-bottom: 10rpx;
}
.tc-wrap .tc-list .list-item .item-val {
  font-size: 36rpx;
  font-weight: bold;
  color: #ff4c4c;
  padding-bottom: 15rpx;
}
.tc-wrap .tc-list .list-item .item-val .dw {
  font-size: 26rpx;
}
.tc-wrap .tc-list .list-item .item-price {
  font-size: 21rpx;
  font-weight: bold;
  color: #999999;
}
.tc-wrap .tc-list .item-action {
  background: #901b21;
}
.tc-wrap .tc-list .item-action .item-val {
  color: #fff;
}
.tc-wrap .tc-list .item-action .item-price {
  color: #fff;
}
.tc-wrap .tc-pay {
  font-size: 28rpx;
  justify-content: space-between;
  font-weight: bold;
  color: #333333;
}
.tc-wrap .tc-pay .pay-price {
  color: #FF0000;
}
.pay-type-list {
  margin: auto;
  margin-top: 20rpx;
  background-color: #fff;
  padding-left: 60rpx;
  width: 694rpx;
  border-radius: 20rpx;
}
.pay-type-list .type-item {
  height: 120rpx;
  padding: 20rpx 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 60rpx;
  font-size: 30rpx;
  position: relative;
}
.pay-type-list .icon {
  width: 100rpx;
  font-size: 52rpx;
}
.pay-type-list .iconyue {
  color: #fe8e2e;
}
.pay-type-list .iconweixin {
  color: #36cb59;
}
.pay-type-list .iconzhifubao {
  color: #01aaef;
}
.pay-type-list .tit {
  font-size: 32rpx;
  color: #303133;
  margin-bottom: 4rpx;
}
.pay-type-list .con {
  flex: 1;
  display: flex;
  flex-direction: column;
  font-size: 24rpx;
  color: #909399;
}
.sub-btn {
  width: 680rpx;
  height: 83rpx;
  background-color: #901b21;
  border-radius: 42rpx;
  margin: 74rpx auto 20rpx;
  font-size: 32rpx;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 83rpx;
}