/* 信息盒子 */ .msgBox { width: 702rpx; background: #FFFFFF; border-radius: 20rpx; margin: 0 auto; padding: 10rpx; padding-bottom: 20rpx; box-sizing: border-box; margin-bottom: 30rpx; } .msgBox-title-and-but { height: 68rpx; display: flex; align-items: center; justify-content: space-between; padding: 0 10rpx; border-bottom: 2rpx solid rgba(151, 151, 151, .1); box-sizing: border-box; } /* 标题 */ .msgBox-title { font-size: 28rpx; font-weight: 500; color: rgba(0, 0, 0, 0.85); } /* 一键开播按钮 */ .custom-class-msgBox-but { width: 116rpx !important; height: 44rpx !important; background: #4DC2D4 !important; border-radius: 22rpx !important; font-size: 20rpx !important; font-weight: 500; color: #FFFFFF !important; padding-left: 0 !important; padding-right: 0 !important; } /* 账号信息 */ .account-information { display: flex; width: 100%; font-size: 20rpx; font-family: HelveticaNeue; color: rgba(0, 0, 0, 0.65); padding: 0 20rpx; box-sizing: border-box; } .account-information-left view, .account-information-right view { height: 44rpx; line-height: 44rpx; } .account-information-left .title, .account-information-right .title { font-size: 24rpx; font-weight: 400; color: rgba(0, 0, 0, 0.85); } .account-information-left { width: 260rpx; margin-top: 18rpx; margin-bottom: 10rpx; } .account-information-right { flex: 1; margin-top: 18rpx; margin-bottom: 10rpx; } .account-information-right .copy { color: #4DC2D4; } /* 去申请 */ .go-to-apply-for { display: flex; justify-content: center; align-items: center; width: 330rpx; height: 74rpx; border-radius: 10rpx; border: 2rpx solid rgba(0, 0, 0, 0.85); box-sizing: border-box; margin: 30rpx auto 10rpx; font-size: 24rpx; color: rgba(0, 0, 0, 0.85); } /* 直播数据网格 */ .data-grid { display: flex; flex-wrap: wrap; width: 100%; padding: 0 20rpx; box-sizing: border-box; margin: 20rpx 0; } .data-grid>view { width: 33.33%; text-align: center; } .data-grid>view:nth-child(-n+3) { margin-bottom: 10rpx; } .data-grid>view .title { font-size: 24rpx; color: rgba(0, 0, 0, 0.85); } .data-grid>view .number { font-size: 24rpx; font-weight: 500; color: #4DC2D4; margin-top: 10rpx; } /* 数据表 */ .data-formlist { min-width: 680rpx; border-radius: 8rpx; overflow: hidden; } .data-formlist-header { display: flex; align-items: center; width: 200%; height: 66rpx; padding: 0 20rpx; background: #F6F7F8; box-sizing: border-box; border-bottom: 2rpx solid #e8e8e8; } .data-formlist-header>view { text-align: center; font-size: 24rpx; font-weight: 600; color: rgba(0, 0, 0, 0.85); } .data-formlist-row { display: flex; align-items: center; width: 200%; height: 56rpx; font-size: 20rpx; color: rgba(0, 0, 0, 0.65); padding: 0 20rpx; box-sizing: border-box; border-bottom: 2rpx solid #e8e8e8; text-align: center; } .data-formlist .the-first-column { width: 150rpx; } .data-formlist .the-second-series { width: 130rpx; } .data-formlist .the-fourth-column { width: 200rpx; } .the-word { width: 90rpx; }