|
- /* pages/giveCoupon/index.wxss */
- page{
- background: #f8f8fa;
- }
- .exchange {
- width: 100%;
- height: 100%;
- background: #f8f8fa;
- padding-bottom: 130rpx;
- }
- .exchangeBox{
- margin-top: 20rpx;
- }
- .section {
- width: 710rpx;
- margin-top: 8%;
- background: #fff;
- display: flex;
- flex-direction: column;
- border: 1px solid #eaeaea;
- border-radius: 18rpx;
- margin: auto;
- }
-
- .section view {
- position: relative;
- width: 92%;
- height: 88rpx;
- line-height: 88rpx;
- display: flex;
- justify-content: space-between;
- padding: 0 4%;
- }
-
- .section view text {
- font-size: 30rpx;
- color: #999999;
- letter-spacing: 1.16rpx;
- }
-
- .section view text:nth-child(2) {
- font-size: 28rpx;
- color: #000;
- letter-spacing: 1.16rpx;
- text-align: right;
- }
- .sure{
- width: 100%;
- height: 94rpx;
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- color: #FFF;
- font-size: 36rpx;
- background-color: #52A0FD;
- }
- .img {
- margin-top: -60rpx;
- display: block;
- width: 100%;
- }
- .listBox{
- margin: 20rpx auto 0
- }
- .couList{
- position: relative;
- width:92%;
- padding:0 4%;
- margin-top: 20rpx;
- }
- .couList >view{
- background: #fff;
- margin: 30rpx auto;
- box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
- border-radius:16rpx;
- padding: 25rpx;
- }
- .conBox {
- height: 60rpx;
- line-height: 60rpx;
- display: flex;
- justify-content: space-between;
- font-size: 28rpx;
- }
- .conBox view:nth-child(1){
- width:460rpx;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- }
- .conBox view:nth-child(2){
- width:170rpx;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- text-align: right;
- }
- .yxq>text{
- font-size: 28rpx;
- height: 60rpx;
- line-height: 60rpx;
- color:#999999;
- }
- .yxq1>text{
- font-size: 24rpx!important;
- }
- .conBoxM {
- width: 92%;
- padding: 5% 4%;
- display: flex;
- justify-content: space-between;
- font-size: 30rpx;
- background:rgba(0,0,0,.5);
- }
- .conBox text{
- font-size: 30rpx;
- }
- .conBoxM text{
- font-size: 30rpx;
- }
- .jiaoyi {
- width: 160rpx;
- display: block;
- margin: 200rpx auto 0;
- }
- .hide {
- width: 100%;
- height: 55rpx;
- line-height: 55rpx;
- }
-
- .hide text {
- color: #999;
- display: block;
- text-align: center;
- font-size: 28rpx;
- }
- .gou {
- position: absolute;
- top: -2rpx;
- right:25rpx;
- width: 60rpx;
- }
- .bg{
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- width: 100%;
- height: 100%;
- background-color:rgba(0,0,0,0.2);
- z-index: 10;
- }
- .tank{
- width: 80%;
- background: #FFF;
- position: fixed;
- top: 150rpx;
- left: 0;
- right: 0;
- z-index: 20;
- margin: 0 auto;
- padding: 4% 0;
- border-radius: 18rpx;
- }
- .tit{
- text-align: center;
- margin: 20rpx auto;
- font-size: 30rx;
- }
-
- .member, .phone{
- text-align: center;
- display: flex;
- font-size: 28rpx;
- padding: 3% 5%;
- }
-
- .quan{
- width: 85%;
- padding: 10rpx 2%;
- margin: 0 auto 30rpx;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- background: #52A0FD;
- color: #FFF;
- box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.30);
- border-radius: 16rpx;
- }
- .quan view{
- line-height: 60rpx;
- }
- .quan text{
- font-size: 32rpx;
- }
- .btn{
- display: flex;
- padding: 3% 5%;
- justify-content: space-around;
- }
- .btn >view{
- width:170rpx;
- height: 80rpx;
- line-height: 80rpx;
- border-radius: 18rpx;
- font-size: 28rpx;
- text-align: center;
- }
- .sure1{
- background: #52A0FD;
- color: #fff;
- }
- .canle{
- border: 1rpx #d2d2d2 solid;
- }
- .loading{
- text-align: center;
- font-size: 28rpx;
- color: #999;
- }
- .mr{
- margin-top: 200rpx!important;
- }
- .bodyLock{
- top:0px;
- left: 0px;
- width: 100%;
- height: 100%;
- overflow: hidden;
- position: fixed;
- z-index: 0;
- }
- .err {
- display: flex;
- flex-direction: column;
- margin-top:10rpx;
-
- }
- .err text{
- width: 80%;
- font-size: 28rpx;
- color: red;
- margin: auto;
- text-align: center;
- }
|