H5_module/share/card/index.css

/* index.css */
page{background: #f2f2f2;}
.photo{margin: 32rpx 32rpx 0;box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);border-radius: 12rpx 12rpx 0 0;height: 682rpx;position: relative;}
.poster{width: 100%;height: 100%;border-radius: 12rpx 12rpx 0 0;}
.change{position: absolute;right: 0;bottom: 0;background: rgba(0,0,0,.5);font-size: 24rpx;color: #fff;padding: 8rpx 10rpx;border-radius: 15rpx 0 0 0;}
.change image{width: 29rpx;height: 25rpx;margin-right: 12rpx;}
.upload{width: 100%;height: 100%;flex-direction: column;justify-content: center;font-size: 26rpx;color: var(--main);}
.upload image{width: 27rpx;height: 27rpx;margin: 0 auto 20rpx;}
.infos{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 43%, #FFFFFF 100%);}
.info{margin: 0 32rpx;background: #fff;border-radius: 0 0 12rpx 12rpx;box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);padding: 40rpx;}
.company{font-size: 28rpx;color: #666;}
.name{font-size: 38rpx;color: #333;font-weight: bold;margin-top: 30rpx;}
.job{font-size: 24rpx;color: #666;margin-top: 10rpx;}
.logo{width: 128rpx;height: 128rpx;border: 1rpx solid #D9D9D9;border-radius: 50%;}
.logo image{width: 100%;height: 100%;border-radius: 50%;}
.zhan{justify-content: center;font-size: 24rpx;color: #999;padding: 30rpx 0;}
.bico{width: 23rpx;height: 14rpx;margin-left: 15rpx;transition: all .3s ease;}
.zhan-romate .bico{transform: rotate(180deg);}
.share{width: 638rpx !important;height: 94rpx !important;background: #108FFF;border-radius: 47rpx !important;font-size: 36rpx;color: #fff;text-align: center;line-height: 94rpx !important;margin: 0 auto !important;}
.opt{justify-content: space-around;width: 638rpx;margin: 15rpx auto 0;border-bottom: 1rpx solid #e9e9e9;}
.opt .li{font-size: 26rpx;color: #333;padding: 40rpx 0;}
.opt .li image{width: 49rpx;height: 44rpx;margin: 0 auto 10rpx;}
.datas{padding: 28rpx 32rpx;}
.users{padding-left: 10rpx;font-size: 24rpx;color: #999;}
.users image{width: 50rpx;height: 50rpx;border-radius: 50%;margin-left: -10rpx;}
.users view{margin-left: 15rpx;}
.zan,.renqi{font-size: 22rpx;color: #5F5F5F;}
.renqi{margin-left: 50rpx;}
.zan image{width: 30rpx;height: 32rpx;margin-right: 10rpx;}
.renqi image{width: 25rpx;height: 33rpx;margin-right: 10rpx;}
.box{background: #fff;border-radius: 12rpx;margin: 20rpx 32rpx;padding: 0 30rpx;overflow: hidden;}
.brief{padding-bottom: 45rpx;}
.tit{font-size: 30rpx;color: #000;font-weight: 600;margin: 35rpx 0 0;}
.tit image{width: 42rpx;height: 42rpx;margin-right: 20rpx;}
.tit text{font-size: 24rpx;color: #999;margin-left: 15rpx;font-weight: normal;}
.bri{font-size: 28rpx;color: #333;line-height: 38rpx;margin-top: 25rpx;}
.card-datas{margin-top: 20rpx;}
.card-datas .li{font-size: 24rpx;color: #999;width: 33.33%;text-align: center;padding: 35rpx 0;}
.card-datas .li text{display: block;font-size: 38rpx;color: #333;margin-bottom: 5rpx;}
.tit image.edit{width: 30rpx;height: 32rpx;margin-right: 0;}
.videos{padding-bottom: 40rpx;}
.video{margin-top: 30rpx;}
.not{font-size: 30rpx;color: #108FFF;text-align: center;padding: 70rpx 0 30rpx;}
.not image{width: 53rpx;height: 46rpx;margin: 0 auto 20rpx;}
.video-sp{width: 100%;height: 352rpx;border-radius: 4rpx;}
.pic{padding-bottom: 40rpx;}
.picture{margin-top: 30rpx;}
.pics image{width: 100%;}
.also{font-size: 26rpx;color: #108FFF;text-align: center;padding: 20rpx 0 40rpx;}
.contacts{height: 136rpx;overflow: hidden;margin: 30rpx 0 0;}
.contact{white-space: nowrap;height: 136rpx;padding-bottom: 20rpx;}
.contact .li{display: inline-block;height: 136rpx;background: #FFFFFF;border: 1rpx solid #CFCFCF;border-radius: 10rpx;box-sizing: border-box;padding: 25rpx 22rpx 0;margin-right: 25rpx;min-width: 270rpx;}
.contact .li:first-child{margin-left: 32rpx;}
.contact .li:last-child{margin-right: 32rpx;}
.lit{font-size: 26rpx;color: #000;}
.lit image{width: 34rpx;height: 34rpx;margin-right: 10rpx;}
.num{font-size: 24rpx;color: #666;margin-top: 22rpx;}
.btns{padding: 0 32rpx;justify-content: space-between;margin-top: 30rpx;}
.share-ta{width: 326rpx !important;height: 90rpx !important;border: 2rpx solid #108fff;font-size: 36rpx;color: #108fff;text-align: center;line-height: 90rpx !important;border-radius: 47rpx !important;}
.save{width: 330rpx;height: 94rpx;background: #108fff;font-size: 36rpx;color: #fff;text-align: center;line-height: 94rpx;border-radius: 47rpx;}