page { background: #eee; width: 750rpx; height: 100%; } .bigbox { height: 100%; } .evalute { width: 692rpx; height: 1110rpx; margin: 0 atuo; position: relative; background: #fff; left:30rpx; } image { width: 100%; height: 100%; } .attentionname { color: #fff; font-size: 45rpx; font-weight: bold; position: absolute; top:44rpx; left: 249rpx; } .attentionlist { display: flex; align-items: center; position: absolute; top: 120rpx; left: 249rpx; } .attentionlistitem { width: 26rpx; height: 26rpx; font-size: 0; margin-right: 10rpx; } .attentext { width: 570rpx; color: #1b1b1b; font-size: 30rpx; position: absolute; top: 245rpx; left: 68rpx; font-weight: bold; line-height: 1.5; } .code { display: flex; align-items: center; width: 636rpx; height: 128rpx; position: absolute; left: 28rpx; bottom:16rpx; padding: 0 16rpx; box-sizing: border-box; } .codeleft { width: 105rpx; height: 105rpx; font-size: 0; } .coderight { margin-left: 17rpx; } .coderighttop { color: #000; font-size: 28rpx; } .coderighttopk { color: #000; font-size: 28rpx; margin-top: 10rpx; } .share { display: flex; align-items: center; justify-content: space-between; width:657rpx; margin:20rpx auto 0; position: absolute; top:1107rpx; z-index:999; left:47rpx; /* position: fixed; bottom: 11rpx; left: 58rpx; */ } .sharehai{ display: flex; align-items: center; justify-content: center; width:692rpx; margin:20rpx auto 0; } .shareleft { width: 289rpx; height:68rpx; color: #ce6198; font-size: 28rpx; text-align: center; line-height: 68rpx; background: #fff; border-radius: 44rpx; } .shareright { width: 289rpx; height: 68rpx; color: #fff; font-size: 28rpx; text-align: center; line-height:68rpx; background: #ce6198; border-radius: 44rpx; margin-left: 57rpx; } .imagePathBox{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .shengcheng{ width:650rpx; height:1080rpx; position: fixed; left: 50%; top:570rpx; transform: translate(-50%,-50%); /* margin-left: -40%; */ z-index: 10; } .baocun{ display: block; width: 80%; height: 92rpx; padding: 0; line-height: 92rpx; text-align: center; position: fixed; bottom: 18rpx; left: 10%; background:linear-gradient(180deg,rgba(252,169,162,1) 0%,rgba(255,119,117,1) 100%); color: #fff; font-size: 32rpx; border-radius: 44rpx; z-index:999999 } button[class="baocun"]::after{ border: 0; } .canvas-box{ word-break: break-word; word-wrap: break-word; }