warm_man/pages/Index/components/index.scss

.app-wallpaper{
    background:{
      size: 100% 100%;
      repeat: no-repeat;
    }
	}
	.index-banner {
    .img{
      width:100%;
      border:{
        width:2rpx;
        color:#3F3F3F;
        style:solid;
        radius:25rpx
      }
    }
    background:{
      image:url("http://live.admin.jinghkb.com/banner-backgrond.png");
      size: 100% 100%;
      repeat: no-repeat;
    }
    .index-banner-container{
      padding:{
        top:20rpx;
        bottom:20rpx;
        left:20rpx;
        right:20rpx;
      };
    }
	}

	.index-user-detail {

      position: relative;
      top:-45rpx;
      background:{
        image: url("http://live.admin.jinghkb.com/index-user-banner-background.png");
        size: 100% 100%;
        repeat: no-repeat;
      }
      .user-detail-container{
        align-items: center;
        padding:{
          top:95rpx;
          bottom:50rpx;
          left:50rpx;
          right:50rpx;
        }
        .user-avatar{
          width:75rpx;
          height:75rpx;
          margin-right:35rpx;
          overflow: hidden;
          border:{
            width:2rpx;
            color:#262626;
            style:solid;
            radius:50%;
          }
          box-shadow: 0rpx 10rpx 11rpx 0rpx rgba(63,63,63,0.3);;
		  .img{
			  width:75rpx;
			  height:75rpx;
		  }
        }
        .user-content{
          .user-title-top{
            margin:{
              bottom:15rpx;
            }
            .img{
              width:83rpx;
              height:auto;
            }
            font:{
              size:30rpx;
              weight:500;
            }
            color:#131313;
            line-height:30rpx;
            .user-title-text{
              padding:{
                left:10rpx;
              }
            }
          }
          .user-title-bottom{

            .img{
              width:41rpx;
              height:100%
            }
            font:{
              size:26rpx;
              weight:400;
            }
            color:#131313;
            line-height:30rpx;
            .user-title-idcard{

            }
          }
        }
        .user-coupons{
          width:165rpx;
          height:45rpx;
          background:{
            size: 100% 100%;
            repeat: no-repeat;
          }
          display: flex;
          align-items: center;
          justify-content: end;
          .user-coupons-number{
			width:100%;
            padding:{
              left:112.5rpx;
			  top:2.5rpx;
            }
			margin:{
			  bottom:auto;
			  top:auto;
			  right:auto;
			}
			.user-coupons-number-container{
				width:100%;
				text-align: center;
			}
          }
          //text-align: end;

          margin:{
            bottom:auto;
            left:auto;
          }
          font:{
            size:26rpx;
            weight:bold;
          }
          color:#131313;
          line-height:30rpx;
        }

      }
	}

	.index-button-group {
		width: 100%;
		.index-button-detail {
            &:nth-child(1){padding:{right:9rpx;bottom:5rpx;}}
            &:nth-child(2){padding:{left:9rpx;bottom:5rpx;}}
            &:nth-child(3){padding:{right:9rpx;top:5rpx;}}
            &:nth-child(4){padding: {left: 9rpx;top: 5rpx;}}
			height: 330rpx;
			flex-wrap: wrap;
		}
      .index-button-detail-container{
        width:100%;
        height:100%;
        justify-content: center;
        align-items: flex-end;
        display: flex;
        margin:{
          top:auto;
        }
        .img{
          display: block;
          width:175rpx;
        }
        padding:{
          bottom:50rpx;
          right:80rpx;
          left:80rpx;
        };
      }
		.index-button-detail .index-button-detail-container{
			background:{
			  size: 100% 100%;
			  repeat: no-repeat;
			}
		}
	}