.content { height: 1300rpx; padding: 0 57rpx; } .content.active { opacity: 0.5; } .title { margin-top: 60rpx; } .head { margin-top: 40rpx; } .head image { width: 100rpx; height: 100rpx; border-radius: 50%; } .head .fl { font-size: 32rpx; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(51, 51, 51, 1); } .txt1 { font-size: 32rpx; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(134, 134, 134, 1); } .money button { width: 636rpx; height: 95rpx; line-height: 95rpx; margin: 80rpx auto 0; /* background:rgba(2,192,255,1); */ background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); border-radius: 48rpx; color: #fff; } .money .icon { font-size: 38rpx; font-weight: 500; color: rgba(51, 51, 51, 1); } .money .num { font-size: 58rpx !important; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(51, 51, 51, 1); display: inline-block !important; width: 580rpx; height: 60rpx; margin-top: 16rpx; padding-top: 4rpx; line-height: 60rpx; } .active { opacity: .6; } .model { height: 100vh; width: 100%; position: fixed; top: 0; left: 0; } .zhezhao { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; background: #000; opacity: 0.5; } .card-model { position: fixed; height: 750rpx; width: 100%; bottom: 0; left: 0; z-index: 20; background: #fff; } .card-top { position: relative; height: 85rpx; width: 100%; background: #E67663; line-height: 85rpx; text-align: center; font-size: 30rpx; font-weight: 500; color: rgba(255, 255, 255, 1); } .card-content { height: 550rpx; overflow: hidden; } .card-content image { width: 64rpx; height: 64rpx; border-radius: 10rpx; position: absolute; left: 20rpx; top: 0; bottom: 0; margin: auto; z-index: 100; } .card-items { position: relative; height: 130rpx; line-height: 130rpx; overflow: hidden; width: 94%; margin: 0 auto; border-bottom: 1rpx solid #eee; } .card-items-left { width: 50%; float: left; font-size: 30rpx; } .card-items-right { width: 50%; float: right; font-size: 30rpx; } .card-items-left-img { width: 30%; height: 130rpx; float: left; } .card-items-left-text { width: 70%; height: 130rpx; float: left; } .card-items-right-text { text-align: right; float: left; width: 80%; } .card-items-right-radio { float: left; width: 20%; } .checkcard-box { width: 84%; background: #02C0FF !important; } .opcacity { opacity: .2 !important; } .icons { width: 40rpx; height: 40rpx; position: absolute; top: 0; bottom: 0; right: 20rpx; margin: auto; } .icons image { width: 100%; } .close { position: absolute; width: 40rpx; height: 40rpx; top: 0; bottom: 0; right: 40rpx; margin: auto; } .pwdDialog { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 500rpx; height: 300rpx; background-color: #fff; box-shadow: 0 6px 20px 0 #00000026; transition: all .3s; opacity: 0; z-index: -1; border-radius: 20rpx; padding: 0 60rpx 80rpx 60rpx; } .pwdDialog.active { opacity: 1; z-index: 999; } .pwdDialog .title { text-align: center; font-weight: 600; font-size: 36rpx; margin-bottom: 20rpx; } .pwdForm { height: 80rpx; border: 1px solid #f99c32; background-color: #fefcf3; border-radius: 10rpx; padding-left: 20rpx; margin-bottom: 40rpx; }