zh_tv/unpackage/dist/dev/mp-weixin/pages/index/index.wxss

.box {
		width: 100%;
		height: 100vh;
		position: relative;
		overflow: hidden;
		display: flex;
		flex-direction: column;
}
.bg-img {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		width: 101vw;
		height: 102vh;
}
.bt-box {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		width: 100%;
		height: 39rpx;
}
.top-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15rpx 15rpx 12rpx 16rpx;
		margin-bottom: 10rpx;
		position: relative;
		z-index: 2;
}
.top-left {
		display: flex;
		align-items: center;
}
.text-align-center {
		text-align: center;
}
.fw-b {
		font-weight: bold;
}
.fc-00D5FF {
		color: #00D5FF;
}
.fc-B2D6FF {
		color: #B2D6FF;
}
.fc-f {
		color: #fff;
}
.fs-13 {
		font-size: 13rpx;
}
.fs-10 {
		font-size: 10rpx;
}
.fs-7 {
		font-size: 7rpx;
}
.fs-6 {
		font-size: 6rpx;
}
.fs-5 {
		font-size: 5rpx;
}
.mr-6 {
		margin-right: 6rpx;
}
.mr-16 {
		margin-right: 16rpx;
}
.ml-28 {
		margin-left: 28rpx;
}
.mb-10 {
		margin-bottom: 10rpx;
}
.mb-5 {
		margin-bottom: 5rpx;
}
.mrl-12 {
		margin: 0 12rpx;
}
.mbt-12 {
		margin: 12rpx 0;
}
.text-align-right {
		text-align: right;
}
.flex-1 {
		flex: 1;
}
.z-3 {
		position: relative;
		z-index: 3;
}
.left-box {
		margin-right: 12rpx;
		display: flex;
		flex-direction: column;
}
.data-box {
		padding: 0 23rpx 23.05rpx 23rpx;
		box-sizing: border-box;
		display: flex;
		flex: 1;
}
.amount-box {
		height: 39rpx;
		position: relative;
		padding: 3rpx 9rpx;
		display: flex;
		align-items: center;
}
.amount-img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
}
.amount-img-two {
		width: 32rpx;
		height: 32rpx;
		margin-right: 7rpx;
}
.list-box {
		position: relative;
		padding: 12rpx 7rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
}
.list-img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
}
.right-box {
		display: flex;
		flex-direction: column;
}
.chart-box {
		position: relative;
		padding: 7rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
}
.chart-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
}
.title-box {
		position: relative;
		width: 100%;
		height: 15rpx;
}
.title-img {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 274rpx;
		height: 100%;
		z-index: 2;
}
.title-right {
		text-align: right;
		line-height: 15rpx;
		position: relative;
		z-index: 2;
}
.bfje-num {
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 2rpx;
		border-image: linear-gradient(90deg, rgba(113, 203, 255, 0.5), rgba(0, 161, 255, 0.05)) 0 0;
		z-index: 2;
}
.bfje-title {
		display: flex;
		align-items: center;
		margin-bottom: 1rpx;
}
.bf-img {
		width: 6rpx;
		height: 6rpx;
		margin-right: 1rpx;
}
.tj-box {
		display: flex;
		align-items: center;
		justify-content: center;
}
.bf-box {
		width: 73rpx;
		height: 50rpx;
}
.bf-num {
		width: 73rpx;
		height: 35rpx;
		position: relative;
		margin-bottom: 4rpx;
}
.bf-title {
		width: 100%;
		height: 10rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
}
.yh-bg {
		position: absolute;
		top: 0;
		height: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
}
.yh-img {
		width: 7rpx;
		height: 7rpx;
		margin-right: 0.3rpx;
}
.yhbf-img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
}
.hx-box {
		width: 54rpx;
		height: 54rpx;
}
.scroll-view-css {
		width: 100%;
		flex: 1;
		overflow: auto;
}
.item-box {
		width: 100%;
		height: 26rpx;
		background: rgba(0, 161, 255, 0.05);
		border-radius: 9rpx;
		margin-bottom: 6rpx;
		padding: 5rpx 9rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
}
.user-box {
		display: flex;
		align-items: center;
}
.user-img {
		width: 15rpx;
		height: 15rpx;
		border-radius: 50%;
		margin-right: 3rpx;
}