.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%);}