H5_module/martial/file/index.css

.top-fixed {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background-color: #F8F8F8;
	z-index: 99;
}

.back {
	width: 30rpx;
	padding-left: 30rpx;
}

.back image {
	width: 18rpx;
	height: 32rpx;
	margin: auto;
}

.add-pop {
	width: 259rpx;
	height: 90rpx;
	background: #4C4C4C;
	border-radius: 9rpx 9rpx 9rpx 9rpx;
	opacity: 1;
	position: absolute;
	right: 10rpx;
	top: 60rpx;
	z-index: 98;
}

.add-pop-before {
	position: relative;
}

.add-pop::before {
	content: '';
	position: absolute;
	top: -22rpx;
	right: 28rpx;
	border-left: 12rpx solid transparent;
	border-right: 12rpx solid transparent;
	border-top: 12rpx solid transparent;
	border-bottom: 12rpx solid #4C4C4C;
}

.add-pop-li {
	padding: 20rpx 30rpx;
	font-size: 32rpx;
	font-weight: 500;
	color: #FFFFFF;
}

.add-pop-li image {
	width: 48rpx;
	height: 48rpx;
	margin-right: 20rpx;
}
.ceng {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #000000;
	opacity: 0;
	z-index: 98;
}

.web-view{
	position: fixed;
	bottom: 120rpx;
	left: 0;
	right: 0;
}
.bottom-fixed{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 118rpx;
	z-index: 50;
	box-shadow: 0rpx 0rpx 15rpx 1rpx rgba(0,0,0,0.16);
}
.bottom-fixed-left{
	width: 161rpx;
	text-align: center;
	background-color: #fff;
	height: 118rpx;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 24rpx;
	color: #999999;
}
.bottom-fixed-btn{height: 118rpx;background: var(--main);font-size: 36rpx;color: #fff;text-align: center;line-height: 84rpx;justify-content: center;}

.file-box{
	margin-top: 80rpx;
	text-align: center;
}
.file-icon{
	width: 100rpx;
	margin: auto;
}
.file-title{
	font-size: 32rpx;font-weight: bold;text-align: center;margin: 20rpx 30rpx;
}
.file-size{
	font-size: 26rpx;font-weight: 400;text-align: center;margin: 10rpx 30rpx;
}
.file-down{
	line-height: 84rpx;
	height: 84rpx;
	background: #1A83FF;
	border-radius: 10rpx 10rpx 10rpx 10rpx;
	opacity: 1;
	font-size: 36rpx;
	color: #FFFFFF;
	display: inline-block;
	padding: 0 40rpx;
	margin-top:80rpx;
}

.card-box{
	padding: 25rpx 30rpx;
}
.card-header{
	width: 86rpx;
	height: 86rpx;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 100%;
	margin-right: 18rpx;
}
.card-name{
	font-size: 32rpx;
	font-weight: bold;
	color: #333333;
}
.card-phone{
	font-size: 28rpx;
	font-weight: 400;
	color: #6F6F6F;
}
.card-line{
	width: 1rpx;
	height: 76rpx;
	opacity: 1;
	background-color:#DEDEDE;
	margin: auto 30rpx;
}
.card-btn{
	width: 176rpx;
	height: 76rpx;
	line-height: 76rpx;
	background: #0091FE;
	border-radius: 38rpx 38rpx 38rpx 38rpx;
	opacity: 1;
	text-align: center;
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}

.share-pop{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.6);z-index: 100;}
.share-pop image{width: 575rpx;height: 359rpx;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}