dd_xcx/pages/demo/demo.acss

.box{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.2);
  z-index: 999;
  transform: translate(0,100%);
}
.all{
  background-color: #fff;
  height: 100%;
  margin-top: 40rpx;
  border-radius: 20rpx 20rpx 0 0; 
  padding-top: 80rpx;
  z-index: 999
}
.close{
  position: absolute;
  right: 10rpx !important;
  top: 50rpx !important;
  padding: 20rpx;
}
	.container__mask {
		overflow: hidden;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
}

	/* 盒子模型 */

	.flex-box {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
  
	.flex-1 {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.flex-2 {
		-webkit-box-flex: 2;
		box-flex: 2;
		-moz-box-flex: 2;
		-webkit-flex: 2;
		-ms-flex: 2;
		flex: 2;
	}

	.flex-3 {
		-webkit-box-flex: 3;
		box-flex: 3;
		-moz-box-flex: 3;
		-webkit-flex: 3;
		-ms-flex: 3;
		flex: 3;
	}

	.flex-4 {
		-webkit-box-flex: 4;
		box-flex: 4;
		-moz-box-flex: 4;
		-webkit-flex: 4;
		-ms-flex: 4;
		flex: 4;
	}

	.flex-5 {
		-webkit-box-flex: 5;
		box-flex: 5;
		-moz-box-flex: 5;
		-webkit-flex: 5;
		-ms-flex: 5;
		flex: 5;
	}