/* 信息盒子 */ .msgBox { width: 702rpx; background: #FFFFFF; border-radius: 20rpx; margin: 0 auto; padding: 10rpx; padding-bottom: 20rpx; box-sizing: border-box; margin-bottom: 30rpx; margin-top: 20rpx; } .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 { height: 40rpx; line-height: 40rpx; font-size: 28rpx; font-weight: 550; color: rgba(0, 0, 0, 0.85); } .msgBox-title>text { font-size: 26rpx; } .dataReturn { font-size: 20rpx; color: #4CBECF; } /* 一键开播按钮 */ .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 { width: 100%; font-size: 20rpx; font-family: HelveticaNeue; color: rgba(0, 0, 0, 0.65); padding: 0 20rpx; box-sizing: border-box; } .account-information-row:first-child { margin-top: 18rpx; } .account-information-row { display: flex; justify-content: space-between; width: 100%; height: 44rpx; font-size: 20rpx; font-family: HelveticaNeue; color: rgba(0, 0, 0, 0.65); line-height: 44rpx; margin-top: 10rpx; } .account-information-row>view { display: flex; } .account-information-row .chained-address { max-width: 400rpx; padding: 0 8rpx; } .chained-address-copy { color: #4DC2D4; } .account-information-row:first-child .chained-address { width: 350rpx; } /* 去申请 */ .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 { float: left; border-radius: 8rpx; overflow: hidden; } .data-formlist-header { min-width: 1030rpx; height: 66rpx; line-height: 66rpx; padding: 0 20rpx; background: #F6F7F8; box-sizing: border-box; border-bottom: 2rpx solid #e8e8e8; } .data-formlist-header>view { float: left; text-align: center; font-size: 24rpx; font-weight: 600; color: rgba(0, 0, 0, 0.85); } .data-formlist-row { position: relative; font-size: 20rpx; color: rgba(0, 0, 0, 0.65); min-width: 1030rpx; padding: 0 20rpx; box-sizing: border-box; border-bottom: 2rpx solid #e8e8e8; text-align: center; height: 56rpx !important; } .option-row { background-color: #FAFAFA; } .data-formlist-row .more-but-box { position: absolute; width: 100%; height: 30rpx; top: 12rpx; } .more-but-box .more-but { position: fixed; width: 68rpx; height: 30rpx; line-height: 30rpx; background: #4DC2D4; box-shadow: 4rpx 4rpx 4rpx 0px rgba(0, 0, 0, 0.06); border-radius: 15rpx; right: 35rpx; font-size: 20rpx; color: #FFFFFF; } .data-formlist-row>view { float: left; line-height: 56rpx !important; } .w200rpx { width: 200rpx !important; } /* 直播详情 */ .live-for-details { min-width: 1800rpx !important; } /* 分页按钮 */ .paging-button { float: right; width: 100%; height: 30rpx; margin-top: 30rpx; margin-bottom: 20rpx; } .paging-button>view { position: relative; float: right; width: 30rpx !important; height: 30rpx !important; margin-right: 10rpx; overflow: hidden; } .paging-button-icon { position: absolute; font-size: 20rpx; color: rgba(0, 0, 0, 0.5); top: 2rpx; pointer-events: none; } .icon-left { left: 4rpx; } .icon-right { left: 6rpx; } .paging-button>text { float: right; display: block; height: 30rpx; line-height: 30rpx; background: #4DC2D4; border-radius: 4rpx; font-size: 20rpx; font-weight: 550; color: #FFFFFF; padding: 0 10rpx; margin-right: 10rpx; } /* 分页按钮外部样式表 */ .paging-button-class { width: 100%; height: 100%; background: #F6F7F8 !important; border-radius: 4rpx !important; border: 0 !important; }