.topView {
  	width: 100%;
  	height: 3.33rem;
  	background: url('../assets/image/cashTopBg.png') center center no-repeat;
  	background-size: 100% 3.33rem;

  	.bg {
  		/*width: 100%;*/
  		/*height: 3.33rem;*/
  		/*background: linear-gradient(269deg, rgba(0, 0, 0, 0.27) 0%, rgba(0, 0, 0, 0.67) 100%);*/
  		/*position: relative;*/

  		.WelcomeToVoidMetrix {
  			padding: 0.6rem 0 0 .20rem;
  			position: relative;

  			.title {
				 width: 1.3rem;
  				font-size: 0.14rem;
  				font-style: normal;
  				font-weight: 800;
  				line-height: 0.18rem;
  				/* 108.696% */
  				color: #FFFFFF;
  			}

  			.span {
  				color: #FFF;
  				font-size: 0.22rem;
  				font-weight: bold;
  				line-height: 0.3rem;

  			}

  			.p {
				width: 1.4rem;
  				color: #FFF;
  				font-size: 0.1rem;
  				font-weight: 400;
  				line-height: 0.14rem;
  				margin-bottom: 0.15rem;
  			}

  			.Start {
  				width: 1.58rem;
  				height:0.27rem;

  				background: #464CF8;
  				text-align: center;
  				line-height: 0.27rem;
  				font-weight: 500;
  				font-size: 0.14rem;
  				color: #FFFFFF;
  			}

  			.Ironically {
  				position: absolute;
  				top: 0.9rem;
  				left: 1.8rem;
  				width: 1.22rem;
  				height: 0.42rem;
  				padding: 0.08rem 0.16rem 0.08rem 0.18rem;
  				color: #E0E0E0;
  				font-size: 0.12rem;
  				font-style: normal;
  				font-weight: 400;
  				line-height: 0.14rem;
  				/* 22.4px */
  				background: url("../assets/image/IronicallyBg.png") center center;
  				background-size: 100% 100%;


  			}


  		}

  		.rightBox {
  			position: absolute;
  			left: 1.58rem;
  			top: 2.45rem;
  			width: 2.17rem;
  			height: 0.64rem;

  		}

  		.Traditional {
  			position: absolute;
  			top: 2.17rem;
  			left: 2.05rem;
  			color: #CB6C0C;

  			text-align: center;
  			font-size: 0.12rem;
  			font-style: normal;
  			font-weight: 500;
  			line-height: 0.12rem;
  			/* 118.182% */
  		}

  		.apy {
  			position: absolute;
  			top: 2.03rem;
  			left: 2.76rem;
  			text-align: center;

  			.apy_num {
  				color: #75F97A;
  				text-align: center;
  				font-family: Avenir;
  				font-size: 0.16rem;
  				font-style: normal;
  				font-weight: 900;
  				line-height: 0.16rem;
  				margin-bottom: 0.1rem;
  			}

  			.apy_text {
  				color: #75F97A;
  				font-family: Avenir;
  				font-size: 0.14rem;
  				font-style: normal;
  				font-weight: 500;
  				line-height: 0.14rem;
  			}
  		}
  	}
  }


  .content {


  	.Beyond {
  		padding: 0.42rem 0.2rem 0.24rem;
  		display: flex;

  		.left {
  			float: left;
  			width: 1.2rem;

  			.iconView {
				width: 1.2rem;
  				height: 1.92rem;
  				position: relative;

  				img {
					width: 1.2rem;
					height: 1.92rem;
  					position: absolute;
  					z-index: 1;

  				}

  				.text1 {
  					position: absolute;
  					z-index: 10;
  					top: 0.23rem;
  					left: 0.2rem;
  					color: #FFFFFF;
  					display: flex;

  					.text2 {
  						font-size: 0.04rem;
  						font-family: Alibaba-Medium;
  						line-height: 0.14rem;

  					}


  					.CountUp1 {
  						font-family: Alibaba-Medium;
  						font-size: 0.1rem;
  						line-height: 0.1rem;
  						font-weight: bold;

  					}

  				}

  				.text_2 {
  					position: absolute;
  					z-index: 10;
  					top: 0.5rem;
  					left: 0.1rem;
  					display: flex;

  					.text2 {
  						font-weight: 600;
  						font-size: 0.04rem;
  						color: #FFFFFF;
  						line-height: 0.04rem;
  					}

  					.CountUp2 {

  						font-weight: 600;
  						font-size: 0.04rem;
  						color: #FFFFFF;
  						line-height: 0.04rem;
  					}


  				}

  				.text_3 {
  					position: absolute;
  					z-index: 10;
  					top: 0.57rem;
  					left: 0.12rem;
  					font-family: DingTalk Sans, DingTalk Sans;
  					font-weight: 400;
  					font-size: 0.05rem;
  					color: #409479;
  					line-height: 0.05rem;
  					display: flex;
  				}


  			}
  		}

  		.right {
  			flex: 1;
  			padding-top: 0.34rem;
  			padding-left: 0.3rem;

  			.title {
				width: 1.66rem;
  				font-family: MiSans, MiSans;
  				font-weight: 800;
  				font-size: 0.16rem;
  				color: #081392;
  				line-height: 0.20rem;
  				text-align: left;
  				margin-bottom: 0.16rem;

  			}

  			.p1 {
  				width: 1.77rem;
  				font-family: PingFang-Regular;
  				font-weight: 400;
  				font-size: 0.14rem;
  				color: #333333;
  				line-height: 0.18rem;
  				margin-bottom: 0.1rem;
  			}


  		}

  	}
  }
  .right_p{
	  padding:0 0.15rem;
	  .p2 {
		  font-family: PingFang-Regular;
		  font-weight: 400;
		  font-size: 0.14rem;
		  color: rgba(51, 51, 51, 0.7);
		  line-height: 0.18rem;
		  text-align: left;
		  margin-bottom: 0.19rem;
	  }

	  .list {
		  margin-bottom: 0.2rem;

	  .item {
		  display: flex;
		  margin-bottom: 0.22rem;

	  .iconView {
		  float: left;
		  width: 0.24rem;
		  height: 0.24rem;
		  display: flex;
		  justify-content: center;
		  align-items: center;

		  img {
			  width: 0.24rem;
			  height: 0.24rem;

		  }
	 	 }

	  .r {
		  flex: 1;
		  padding-left: 0.08rem;
		  font-family: PingFang-Regular;
		  font-weight: 400;
		  font-size: 0.14rem;
		  color: #000000;
		  line-height: 0.22rem;
	  }
	  }
 	 }

  .p {
	  font-family: PingFang-Regular;
	  font-weight: 400;
	  font-size: 0.14rem;
	  color: #333333;
	  line-height: 0.18rem;
	  text-align: left;
	  margin-bottom: 0.38rem;

  }
  }
  	.Unlock {
  		padding: 0.26rem 0.15rem;
  		background: #D9DCFF;

  		.title {
  			font-family: MiSans, MiSans;
  			font-weight: 800;
  			font-size: 0.16rem;
  			color: #081392;
  			line-height: 0.22rem;
  			text-align: left;
  			margin-bottom: 0.18rem;
  		}

  		.p {

  			font-family: PingFang-Regular;
  			font-weight: 400;
  			font-size: 0.16rem;
  			color: #333333;
  			line-height: 0.26rem;
  			text-align: left;
  			margin-bottom: 0.7rem;
  		}

  		.list {
  			.item {
  				.left,
  				.right {

					margin-bottom: 0.38rem;
  					.ti {
  						font-family: MiSans, MiSans;
  						font-weight: 700;
  						font-size: 0.16rem;
  						color: #081392;
  						line-height: 0.2rem;
  						margin-bottom: 0.21rem;
  					}


  					.li {


  						.l {

  							display: flex;

  							.dotView {
  								float: left;
  								width: 0.22rem;
  								height: 0.22rem;
  								display: flex;
  								justify-content: center;
  								align-items: center;

  								.dot {
  									width: 0.06rem;
  									height: 0.06rem;
  									padding: 0.02rem;
  									background: rgba(8, 19, 146, 0.2);
  									border-radius: 0.05rem;

  									.d {
  										width: 0.06rem;
  										height: 0.06rem;
  										background: #081392;
  										border-radius: 0.03rem;
  									}
  								}
  							}

  							.r {
  								flex: 1;
  								padding-left: 0.08rem;
  								font-family: PingFang-Regular;
  								font-weight: 400;
  								font-size: 0.14rem;
  								color: #333333;
  								line-height: 0.18rem;
  								opacity: 0.9;
  							}
  						}


  					}
  				}
  			}
  		}

  		.pp {
  			font-family: PingFang-Regular;
  			font-weight: 400;
  			font-size: 0.14rem;
  			color: rgba(51, 51, 51, 0.9);
  			line-height: 0.18rem;

  		}
  	}

  	.chat {
  		padding: 0.38rem 0.15rem;

  		.l {
  			.title {
  				font-family: MiSans, MiSans;
  				font-weight: 800;
  				font-size: .16rem;
  				color: #081392;
  				line-height: 0.21rem;
  				margin-bottom: 0.18rem;

  			}

  			.p {


  				font-family: PingFang-Regular;
  				font-weight: 400;
  				font-size: 0.14rem;
  				color: rgba(51, 51, 51, 0.9);
  				line-height: 0.18rem;
                margin-bottom: 0.38rem;

  			}

  		}

  		.r {
  			.c1,
  			.c2 {
			display:flex;


  				.left {
  					float: left;
  					width: .60rem;

  					img {
  						width: .48rem;
  						height: .48rem;
  						margin: 0 auto .08rem;
  					}

  					.text {
  						text-align: center;
  						font-family: PingFang SC, PingFang SC;
  						font-weight: 600;
  						font-size: 0.12rem;
  						color: #333333;
  						line-height: 0.2rem;
  						opacity: 0.7;
  					}


  				}

  				.right {

  					flex: 1;
  					margin: 0.06rem 0 0 0.09rem;
  					width: 2.61rem;
  					background: #D9DCFF;
  					border-radius: 0.2rem 0.2rem 0.2rem 0;
  					padding: 0.12rem;
  					font-family: PingFang-Regular;
  					font-weight: 400;
  					font-size: 0.14rem;
  					color: #333333;
  					line-height: 0.22rem;
  					text-align: left;

  				}


  			}

			.c1{
				margin-bottom: 0.4rem;
			}

  			.c3 {
  			display:flex;
				margin-bottom: 0.4rem;

  				.left {
  					flex: 1;
					padding-right: 0.08rem;
  					margin: 0 0 0 0.09rem;
  					width: 2.61rem;
  					background: #D9DCFF;
  					border-radius: 0.2rem 0.2rem 0 0.2rem;
  					padding: 0.12rem;
  					font-family: PingFang-Regular;
  					font-weight: 400;
  					font-size: 0.14rem;
  					color: #333333;
  					line-height: 0.22rem;
  					text-align: left;

  				}

  				.right {
  					float: right;
  					width: 0.6rem;
  					img {
  						width: 0.48rem;
  						height: 0.48rem;
  						margin: 0 auto 0.08rem;
  					}

  					.text {
  						text-align: center;
  						font-family: PingFang SC, PingFang SC;
  						font-weight: 600;
  						font-size: 0.12rem;
  						color: #333333;
  						line-height: 0.2rem;
  						opacity: 0.7;
  					}

  				}

  			}
  		}


  	}

  	.message {
  		padding: 0.38rem  0.15rem .3rem;

  		.item {
  			margin-bottom: .18rem;

  			.title {
  				font-family: MiSans, MiSans;
  				font-weight: 800;
  				font-size: .16rem;
  				color: #081392;
  				line-height: 0.2rem;
  				margin-bottom: 0.18rem;
  			}

  			.p {

  				font-family: PingFang SC, PingFang SC;
  				font-weight: 400;
  				font-size: 0.14rem;
  				color: rgba(51, 51, 51, 0.9);
  				line-height: 0.18rem;
  			}
  		}

  		.item:last-child {
  			margin-bottom: 0;
  		}
  	}

  	.cmonIn {
  		width: 100%;
  		height: 1.75rem;
  		background: url('../assets/image/cmonINBg.png') center center no-repeat;
  		background-size: 100% 1.75rem;

  		.bg {
			width: 100%;
			height: 1.75rem;
  			background: linear-gradient(269deg, rgba(0, 0, 0, 0.27) 0%, rgba(0, 0, 0, 0.67) 100%);

  			.title {

  				padding: 0.34rem 0 0.2rem;
  				font-family: MiSans, MiSans;
  				font-weight: 800;
  				font-size: 0.16rem;
  				color: #FFFFFF;
  				line-height: 0.22rem;
  				text-align: center;
  			}

  			.btn {
  				margin: 0 auto;
  				width: 1.16rem;
  				height: 0.3rem;
  				background: #FFFFFF;
  				border-radius: 0.02rem;
  				font-family: PingFang-Regular;
  				font-weight: 500;
  				font-size: 0.14rem;
  				color: #000000;
  				line-height: 0.3rem;
  				text-align: center;

  			}
  		}
  	}
  }