digitalMen/pages/robot/workDetail/index.scss

page {
		// background: #f2f2f2;
	}
	.pos{
		height: 45px;
	}

	view {
		box-sizing: border-box;
	}
	.container{
		// padding-bottom:85rpx;
		width: 100%;
		height: 100%;
		.context{
			padding: 40rpx;
			width: 100%;
			height: 100%;
			video{
				width: 100%;
				height:calc(100vh - 200rpx);
			}
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* 全屏轮播  start*/
	.card-swiper {
		height: calc(100vh - 85px)!important;
	}
	
	.card-swiper swiper-item {
		width: 750rpx !important;
		left: 0rpx;
		box-sizing: border-box;
		overflow: initial;
		background: #000;
	}
	
	.card-swiper swiper-item .swiper-item {
		// width: 100%;
		// display: block;
		// height: 100vh;
		// border-radius: 0rpx;
		// transform: scale(0.9);
		// transition: all 0.2s ease-in 0s;
		// will-change: transform;
		// overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		background: #000;
	}
	
	.card-swiper swiper-item.cur .swiper-item {
		transform: scale(1);
		transition: all 0.2s ease-in 0s;
		will-change: transform;
	}
	
	.image-banner {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.image-banner image {
		width: 100%;
		// height: 100%;
	}
	
	/* 轮播指示点 start*/
	.indication {
		z-index: 9999;
		width: 100%;
		height: 36rpx;
		position: fixed;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	
	.spot {
		background-color: #FFFFFF;
		opacity: 0.6;
		width: 10rpx;
		height: 10rpx;
		border-radius: 20rpx;
		top: calc(-280rpx - env(safe-area-inset-bottom) / 2);
		top: calc(-280rpx - constant(safe-area-inset-bottom));
		margin: 0 8rpx !important;
		position: relative;
	}
	
	.spot.active {
		opacity: 1;
		width: 30rpx;
		background-color: #FFFFFF;
	}
	
	.lazy-load {
		background: #000;
		display: grid;
		align-items: center;
		padding-bottom: env(safe-area-inset-bottom);
		// height: 100%;
	}
	
	.lazy-load view {
		width: 100%;
	
	}
	
	.lazy-loading{
		background: #000;
		height: 100%;
		
	}