play-video-app/static/style/common.scss

view, scroll-view, text, swiper, swiper-item {
    box-sizing: border-box !important;
}

image, img{
	display: block;
	border: 0;
}

.white-box{
	background-color: #fff;
	border-radius: 16rpx;
	padding: 20rpx;
}

// 底部安全区域
.safe-area-inset-bottom{
  padding-bottom: constant(safe-area-inset-bottom) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
.safe-area-issue {
	margin-bottom: constant(safe-area-inset-bottom) !important;
	margin-bottom: env(safe-area-inset-bottom) !important;
}

// 暂无数据
.no-data{
	text-align: center;
	font-size: 28rpx;
	color: #707476;
	height: 200rpx;
	line-height: 200rpx;
}

uni-page-body {
	height: 100%;
}

.page100{
	height: 100%;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.text-center {
  text-align: center;
}

.flex {
  display: flex;
}

.flex-column{
	display: flex;
	flex-direction: column;
}

.flex1{
	flex: 1;
	overflow: hidden;
	position: relative;
}

.jcc {
  justify-content: center;
}

.aic {
  align-items: center;
}

.jcsb {
  justify-content: space-between;
}

.jcsa {
  justify-content: space-around;
}

.aife {
  align-items: flex-end;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.hidden {
  overflow: hidden;
}

.width100 {
  width: 100%;
}

.height100 {
  height: 100%;
}

.padding20{
	padding: 20rpx;
}

.paddinglr20{
	padding: 0 20rpx;
}

.bold {
  font-weight: bold;
}

.position-r {
  position: relative;
}

.position-a {
  position: absolute;
}

.position-f {
  position: fixed;
}

.position-s {
  position: sticky;
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ellipsis-1{
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;//设置高度后只有一行时上下居中
}

.ellipsis-2{
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;//设置高度后只有一行时上下居中
}

// 底部安全区域
.safe-area-inset-bottom{
	padding-bottom: constant(safe-area-inset-bottom) !important;
	padding-bottom: env(safe-area-inset-bottom) !important;
}
.safe-area-issue {
	margin-bottom: constant(safe-area-inset-bottom) !important;
	margin-bottom: env(safe-area-inset-bottom) !important;
}