|
- .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;
- }
|