.app-wallpaper{ position: relative; background:{ size: 100% 100%; repeat: no-repeat; }; .addr-container{ box-sizing: border-box; position: relative; .addr-content-container{ padding:10rpx; box-sizing: border-box; .addr-content{ box-sizing: border-box; background:{ color:#ffffff; } padding:4rpx 7rpx; border: 3rpx solid #262626; border-radius: 26rpx; .addr-content-main{ align-items: center; box-sizing: border-box; height:150rpx; background:{ size: 100% 100%; repeat: no-repeat; } padding:0 26rpx; .main-img{ .img{ width:85rpx; } } .main-content{ margin-left:30rpx; .img{ height:35rpx; margin-bottom:5rpx; } .main-content-text{ font-size: 30rpx; font-weight: 400; color: #131313; } } .main-select-btn{ display: flex; margin-left:auto; align-items: center; justify-content: center; text-align: center; .main-select-btn-gun{ height:45rpx; width:3rpx; background:{ color:#262626; } } .content-img{ .img{ width:45rpx; } } .content-text{ font-size: 26rpx; font-weight: 400; color: #131313; } } } } } .addr-background-container{ position: absolute; width:100%; height:100%; left:0; bottom:0rpx; z-index: -1; padding:{ top:30rpx; } box-sizing: border-box; .addr-background-content{ box-sizing: border-box; width:100%; height:100%; background:{ color:#4DC3B8; } border: 3rpx solid #262626; border-radius: 26rpx; position: relative; //top:10rpx; } } } .order-container{ box-sizing: border-box; position: relative; margin-top:30rpx; .order-content-container{ padding:10rpx; box-sizing: border-box; .order-content{ box-sizing: border-box; background:{ color:#ffffff; } padding:15rpx; border: 3rpx solid #262626; border-radius: 26rpx; .order-content-main{ box-sizing: border-box; .order-content-main-title-img{ padding-top: 20rpx; .img{ height: 40rpx; } } .order-item{ padding:25rpx 10rpx; align-items: center; border-bottom:1rpx solid #BBB; box-sizing: border-box; &:last-child{ border-bottom: none; } .item-content{ justify-content: flex-end; box-sizing: border-box; .item-content-text{ font-size: 28rpx; font-weight: 400; color: #636363; } .item-content-tag{ margin-right: 20rpx; position: relative; box-sizing: border-box; padding:12rpx; background:{ color: rgba(79,225,212,0.14);; } border: 1rpx solid #262626; border-radius: 16rpx; font-size: 28rpx; font-weight: 400; color: #131313; line-height: 1; } .tag-text{ } .tag-close{ position: absolute; top:-10rpx; right:-10rpx; background:{ color:#fff; } .img{ width:23rpx; height:23rpx; } } } } } } } .order-background-container{ position: absolute; width:100%; height:100%; left:0; bottom:0rpx; z-index: -1; padding:{ top:30rpx; } box-sizing: border-box; .order-background-content{ box-sizing: border-box; width:100%; height:100%; background:{ color:#fff; } border: 3rpx solid #262626; border-radius: 26rpx; position: relative; //top:10rpx; } } } } .body-background{ background:{ size: 110% 110%; repeat: no-repeat; }; height:100%; } .footer-menu{ align-items: center; padding:30rpx; padding-top:25rpx; position: fixed; bottom:0; left:0; z-index: 9999; width: 100%; background: #FFFFFF; border: 2rpx solid #262626; box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0,0,0,0.06); border-radius: 26rpx 26rpx 0rpx 0rpx; .foot-menu-main-title{ margin-bottom:15rpx; align-items: flex-end; .main-title{ font-size: 28rpx; font-weight: 500; color: #131313; } .main-price{ font-size: 36rpx; font-weight: 500; color: #F48021; } } .foot-menu-checkbox-group{ align-items: center; } .foot-menu-checkbox{ margin-right:8rpx; width: 26rpx; height: 26rpx; background: #FFFFFF; border: 2rpx solid #131313; border-radius: 50%; } .foot-menu-title{ font-size: 26rpx; color:#8F8F8F; .foot-menu-url{ color:#4DC3B8; } } } .pet-page{ width:100%; } .order-item.pet-page-item{ padding:{ left:0 !important; right:0 !important; } border-bottom: none !important; } .pet-page-group{ margin-top:20rpx; padding:0 20rpx; background:{ color:#F3FDFC; } border-radius: 20rpx; } .pet-page-button{ width: 100%; text-align: center; padding:55rpx 0 15rpx 0; justify-content: center; } .order-item-container{ width:100%; box-sizing: border-box; .order-item-col{ box-sizing: border-box; .order-item-content-group{ position: relative; box-sizing: border-box; padding:{ left:12rpx; right:12rpx; }; .count-group-content{ position: relative; box-sizing: border-box; border: 2rpx solid #131313; border-radius: 20rpx; //height:200rpx; z-index: 2; background: #fff; text-align: center; .img{ margin-top:3rpx; height:120rpx; } .group-checkbox{ .u-radio{ justify-content: center; text-align: center; } .u-radio__icon-wrap{ border-color:#262626 !important; } } //background: { // color:red; //}; } .count-group-background{ position: absolute; box-sizing: border-box; top:0; left:0; height:100%; width: 100%; padding:0rpx 26rpx; z-index: 1; .count-background{ position: relative; top: 13rpx; box-sizing: border-box; height:100%; width: 100%; background:{ color:#FBF8D4; } border: 2rpx solid #131313; border-radius: 20rpx; } } } } } .order-content-main{ .u-radio-group{ box-sizing: border-box; display: block; } .order-content-main-title-img{ .img{ margin-left:15rpx; } } } .u-popup__content{ border-radius: 40rpx 40rpx 0rpx 0rpx; }