|
-
- page{
- background: #F5F2F0;
- }
- button::after{ border: none; }
- .content button{
- width: 636rpx;
- height: 95rpx;
- line-height: 95rpx;
- text-align: center;
- color: #fff;
- font-size: 31rpx;
- /* background: #02C0FF!important; */
- background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
- border-radius:48rpx!important;
- margin-top: 169rpx;
- }
- .payContent{
- width: 657rpx;
- margin: 50rpx auto;
- }
- .payHeader{
- width: 100%;
- height: 11rpx;
- background: #02C0FF!important;
- border-radius:6rpx;
- }
- .payBody{
- width: 636rpx;
- height:473rpx;
- margin:-3rpx auto 0;
- background: #fff;
- z-index: 10;
- box-shadow:0rpx 8rpx 25rpx 2rpx rgba(165,165,165,0.1);
- border-radius:0rpx 0rpx 20rpx 20rpx;
- position: relative;
- }
- .payIcon {
- display: inline-block;
- position: absolute;
-
- }
- .payIcon-body{
- display: inline-block;
- position: absolute;
- left: 183rpx;
- top: 78rpx;
- }
- .payIcon-body text{
- font-size:40rpx;
- font-family:PingFang-SC-Bold;
- font-weight:bold;
- color:#333;
- position: absolute;
- display: inline-block;
- width: 200rpx;
- height: 70rpx;
- top:5rpx;
- left:90rpx;
- }
- .payIcon image{
- position: absolute;
- top: 0;
- left: 0;
- width: 70rpx;
- height: 70rpx;
- }
- .payMessage{
- position: absolute;
- top:230rpx;
- left: 53rpx;
- font-size: 28rpx;
- }
- .payMessage .price{
- color: #FF3535;
- }
- .active{
- opacity: .6;
- }
|