|
|
@@ -0,0 +1,571 @@
|
|
|
+<template>
|
|
|
+ <view class="page flex-col">
|
|
|
+ <view class="layer1 flex-col">
|
|
|
+ <view class="box1 flex-col">
|
|
|
+ <view class="layer2 flex-col">
|
|
|
+ <image
|
|
|
+ class="pic1"
|
|
|
+ referrerpolicy="no-referrer"
|
|
|
+ src="https://lanhu.oss-cn-beijing.aliyuncs.com/pskwtited4yvle2mp59xw2tn2gzk0uibpj8618ccdb9-e47c-42b1-add5-baa4de8b5524"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ <view class="layer3 flex-col">
|
|
|
+ <view class="wrap1 flex-row justify-between">
|
|
|
+ <image
|
|
|
+ class="label1"
|
|
|
+ referrerpolicy="no-referrer"
|
|
|
+ src="https://lanhu.oss-cn-beijing.aliyuncs.com/psika8x622fulg6di8t5qdzq029c484ckirn7ec7082f-ad65-4df7-a3fe-f0cc153fe12b"
|
|
|
+ />
|
|
|
+ <text class="info1">自由城Liberty City</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="layer4 flex-col">
|
|
|
+ <view class="box2 flex-row">
|
|
|
+ <view class="ImageText1 flex-col">
|
|
|
+ <view class="box3 flex-row justify-between">
|
|
|
+ <image
|
|
|
+ class="icon1"
|
|
|
+ referrerpolicy="no-referrer"
|
|
|
+ src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps3sknkucdkkx2dt8p50m2cu8h6pufs9m2kc3f94c9e-5546-4ef3-8b72-13bdaea6f2aa"
|
|
|
+ />
|
|
|
+ <view class="TextGroup1 flex-col">
|
|
|
+ <text class="word1">Liberty City</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image
|
|
|
+ class="label2"
|
|
|
+ referrerpolicy="no-referrer"
|
|
|
+ src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps1gj8fpw5cx9yya4yoruf74hg4q4mxdg96f1d0d66-ea02-4220-9fb9-96f6741cc252"
|
|
|
+ />
|
|
|
+ <view class="wrap2 flex-col"></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="layer5 flex-col">
|
|
|
+ <view class="block1 flex-col"></view>
|
|
|
+ </view>
|
|
|
+ <view class="layer6 flex-col">
|
|
|
+ <view class="outer1 flex-row justify-between">
|
|
|
+ <view class="TextGroup2 flex-col">
|
|
|
+ <view class="outer2 flex-col">
|
|
|
+ <text class="txt1">中节点</text>
|
|
|
+ <text class="txt2">售价:120203USDT</text>
|
|
|
+ <text class="info2">共50张</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image
|
|
|
+ class="pic2"
|
|
|
+ referrerpolicy="no-referrer"
|
|
|
+ src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps2177iyracgitlcplmi8b2hic945o3zqdea85d0bf-cdf0-4615-9073-cb7379c5b711"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="layer7 flex-col">
|
|
|
+ <view class="outer3 flex-row justify-between">
|
|
|
+ <view class="TextGroup3 flex-col">
|
|
|
+ <view class="section1 flex-col">
|
|
|
+ <text class="word2">大节点</text>
|
|
|
+ <text class="word3">售价:120203USDT</text>
|
|
|
+ <text class="info3">共100张</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image
|
|
|
+ class="pic3"
|
|
|
+ referrerpolicy="no-referrer"
|
|
|
+ src="https://lanhu.oss-cn-beijing.aliyuncs.com/psintgkuv2qr5ed112r0wi9aqhlh5gk868b1259e90-003b-43b6-a6db-354401d10149"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="layer8 flex-col"><text class="word4">立即认购</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="box4 flex-col">
|
|
|
+ <view class="outer4 flex-col">
|
|
|
+ <view class="layer9 flex-row">
|
|
|
+ <image
|
|
|
+ class="pic4"
|
|
|
+ referrerpolicy="no-referrer"
|
|
|
+ src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps6gouv2jlc783ckptpz3qigqrfit4mp67d3f33ae7-9cea-4d74-a9ef-8038f5fccc07"
|
|
|
+ />
|
|
|
+ <view class="TextGroup4 flex-col">
|
|
|
+ <view class="group1 flex-col">
|
|
|
+ <text class="word5">小节点</text>
|
|
|
+ <text class="word6">售价:120203USDT</text>
|
|
|
+ <text class="word7">共10张</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image
|
|
|
+ class="icon2"
|
|
|
+ referrerpolicy="no-referrer"
|
|
|
+ src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps3szeig38wewnxwp0yafn6nhrw3vustaf672218390-8023-40bd-a71d-041f26677387"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="box5 flex-col">
|
|
|
+ <view class="mod1 flex-col"><view class="box6 flex-col"></view></view>
|
|
|
+ </view>
|
|
|
+ <view class="box7 flex-col"><view class="main1 flex-col"></view></view>
|
|
|
+ <view class="box8 flex-col">
|
|
|
+ <view class="outer5 flex-col">
|
|
|
+ <view class="layer10 flex-col"></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="box9 flex-col"><view class="main2 flex-col"></view></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ constants: {},
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {},
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .page {
|
|
|
+ position: relative;
|
|
|
+ width: 750rpx;
|
|
|
+ height: 1334rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ .layer1 {
|
|
|
+ z-index: 2;
|
|
|
+ height: 1334rpx;
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psw159xolvlddb8go8be1eeuk1zvl9i075942794da-bb36-49e7-89ae-bd3b6a869107)
|
|
|
+ 0rpx 0rpx no-repeat;
|
|
|
+ width: 750rpx;
|
|
|
+ position: relative;
|
|
|
+ .box1 {
|
|
|
+ width: 750rpx;
|
|
|
+ height: 1064rpx;
|
|
|
+ .layer2 {
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ height: 40rpx;
|
|
|
+ width: 749rpx;
|
|
|
+ .pic1 {
|
|
|
+ width: 722rpx;
|
|
|
+ height: 26rpx;
|
|
|
+ margin: 7rpx 0 0 13rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .layer3 {
|
|
|
+ box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ height: 85rpx;
|
|
|
+ width: 749rpx;
|
|
|
+ .wrap1 {
|
|
|
+ width: 493rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ margin: 25rpx 0 0 29rpx;
|
|
|
+ .label1 {
|
|
|
+ width: 21rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ }
|
|
|
+ .info1 {
|
|
|
+ width: 293rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(19, 21, 30, 1);
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-family: PingFang-SC-Medium;
|
|
|
+ text-align: center;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 34rpx;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .layer4 {
|
|
|
+ box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ height: 87rpx;
|
|
|
+ width: 750rpx;
|
|
|
+ .box2 {
|
|
|
+ width: 680rpx;
|
|
|
+ height: 39rpx;
|
|
|
+ margin: 24rpx 0 0 35rpx;
|
|
|
+ .ImageText1 {
|
|
|
+ height: 38rpx;
|
|
|
+ width: 228rpx;
|
|
|
+ .box3 {
|
|
|
+ width: 228rpx;
|
|
|
+ height: 38rpx;
|
|
|
+ .icon1 {
|
|
|
+ width: 31rpx;
|
|
|
+ height: 38rpx;
|
|
|
+ }
|
|
|
+ .TextGroup1 {
|
|
|
+ height: 31rpx;
|
|
|
+ margin-top: 7rpx;
|
|
|
+ width: 184rpx;
|
|
|
+ .word1 {
|
|
|
+ width: 184rpx;
|
|
|
+ height: 31rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(19, 21, 30, 1);
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-family: PingFang-SC-Bold;
|
|
|
+ text-align: center;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 32rpx;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .label2 {
|
|
|
+ width: 49rpx;
|
|
|
+ height: 33rpx;
|
|
|
+ margin: 6rpx 0 0 375rpx;
|
|
|
+ }
|
|
|
+ .wrap2 {
|
|
|
+ width: 13rpx;
|
|
|
+ height: 8rpx;
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/ps8378fvaj6e3nv5ibyy46qahihspzzyp36dfeecde0-fbb2-43eb-8758-02179baef716)
|
|
|
+ 0rpx -1rpx no-repeat;
|
|
|
+ margin: 19rpx 0 0 15rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .layer5 {
|
|
|
+ background-color: rgba(233, 233, 233, 1);
|
|
|
+ border-radius: 10rpx;
|
|
|
+ height: 151rpx;
|
|
|
+ border: 3rpx solid rgba(255, 255, 255, 1);
|
|
|
+ width: 102rpx;
|
|
|
+ margin: 70rpx 0 0 72rpx;
|
|
|
+ .block1 {
|
|
|
+ width: 102rpx;
|
|
|
+ height: 151rpx;
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/pso6jnklce9slkmwvcd9jnhi54ot037vek17cf32eb-b908-4167-b507-14bfc1a97f32) -8rpx
|
|
|
+ 0rpx no-repeat;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .layer6 {
|
|
|
+ box-shadow: 0rpx 6rpx 30rpx 0rpx rgba(20, 30, 71, 0.05);
|
|
|
+ background-image: linear-gradient(
|
|
|
+ 76deg,
|
|
|
+ rgba(215, 223, 255, 1) 0,
|
|
|
+ rgba(215, 223, 255, 1) 0,
|
|
|
+ rgba(215, 223, 255, 1) 100%,
|
|
|
+ rgba(215, 223, 255, 1) 100%
|
|
|
+ );
|
|
|
+ border-radius: 20rpx;
|
|
|
+ height: 184rpx;
|
|
|
+ width: 700rpx;
|
|
|
+ margin: 49rpx 0 0 29rpx;
|
|
|
+ .outer1 {
|
|
|
+ width: 423rpx;
|
|
|
+ height: 149rpx;
|
|
|
+ margin: 35rpx 0 0 181rpx;
|
|
|
+ .TextGroup2 {
|
|
|
+ height: 114rpx;
|
|
|
+ width: 238rpx;
|
|
|
+ .outer2 {
|
|
|
+ width: 238rpx;
|
|
|
+ height: 114rpx;
|
|
|
+ .txt1 {
|
|
|
+ width: 104rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(20, 30, 71, 1);
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-family: PingFang-SC-Bold;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 36rpx;
|
|
|
+ margin-left: 2rpx;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .txt2 {
|
|
|
+ width: 238rpx;
|
|
|
+ height: 26rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(20, 30, 71, 1);
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang-SC-Medium;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 28rpx;
|
|
|
+ margin-top: 16rpx;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .info2 {
|
|
|
+ width: 76rpx;
|
|
|
+ height: 23rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(20, 30, 71, 1);
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang-SC-Medium;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 24rpx;
|
|
|
+ display: block;
|
|
|
+ margin: 15rpx 0 0 2rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .pic2 {
|
|
|
+ width: 130rpx;
|
|
|
+ height: 84rpx;
|
|
|
+ margin-top: 65rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .layer7 {
|
|
|
+ box-shadow: 0rpx 6rpx 30rpx 0rpx rgba(20, 30, 71, 0.05);
|
|
|
+ background-image: linear-gradient(
|
|
|
+ 76deg,
|
|
|
+ rgba(215, 223, 255, 1) 0,
|
|
|
+ rgba(215, 223, 255, 1) 0,
|
|
|
+ rgba(215, 223, 255, 1) 100%,
|
|
|
+ rgba(215, 223, 255, 1) 100%
|
|
|
+ );
|
|
|
+ border-radius: 20rpx;
|
|
|
+ height: 184rpx;
|
|
|
+ width: 700rpx;
|
|
|
+ margin: 33rpx 0 0 29rpx;
|
|
|
+ .outer3 {
|
|
|
+ width: 423rpx;
|
|
|
+ height: 149rpx;
|
|
|
+ margin: 35rpx 0 0 181rpx;
|
|
|
+ .TextGroup3 {
|
|
|
+ height: 114rpx;
|
|
|
+ width: 238rpx;
|
|
|
+ .section1 {
|
|
|
+ width: 238rpx;
|
|
|
+ height: 114rpx;
|
|
|
+ .word2 {
|
|
|
+ width: 106rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(20, 30, 71, 1);
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-family: PingFang-SC-Bold;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 36rpx;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .word3 {
|
|
|
+ width: 238rpx;
|
|
|
+ height: 26rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(20, 30, 71, 1);
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang-SC-Medium;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 28rpx;
|
|
|
+ margin-top: 16rpx;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .info3 {
|
|
|
+ width: 90rpx;
|
|
|
+ height: 23rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(20, 30, 71, 1);
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang-SC-Medium;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 24rpx;
|
|
|
+ display: block;
|
|
|
+ margin: 15rpx 0 0 2rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .pic3 {
|
|
|
+ width: 130rpx;
|
|
|
+ height: 84rpx;
|
|
|
+ margin-top: 65rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .layer8 {
|
|
|
+ background-color: rgba(20, 30, 71, 1);
|
|
|
+ border-radius: 43rpx;
|
|
|
+ height: 86rpx;
|
|
|
+ width: 632rpx;
|
|
|
+ margin: 95rpx 0 0 59rpx;
|
|
|
+ .word4 {
|
|
|
+ width: 133rpx;
|
|
|
+ height: 33rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-family: PingFang-SC-Bold;
|
|
|
+ text-align: center;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 34rpx;
|
|
|
+ display: block;
|
|
|
+ margin: 27rpx 0 0 249rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box4 {
|
|
|
+ z-index: 20;
|
|
|
+ height: 243rpx;
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psrylp0dxa9gfzxydydurv83a2d6yry1bae63da4-704d-49c1-b76e-fa4250093ad8)
|
|
|
+ 0rpx 0rpx no-repeat;
|
|
|
+ width: 750rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 242rpx;
|
|
|
+ .outer4 {
|
|
|
+ height: 228rpx;
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/pslm5hyvaruof0idg6zesp8ncqpwccncsg1164cda5a-b8f8-44e0-ab4b-19f675da5a2d)
|
|
|
+ 0rpx 0rpx no-repeat;
|
|
|
+ width: 743rpx;
|
|
|
+ margin: 7rpx 0 0 7rpx;
|
|
|
+ .layer9 {
|
|
|
+ width: 617rpx;
|
|
|
+ height: 151rpx;
|
|
|
+ margin: 33rpx 0 0 65rpx;
|
|
|
+ .pic4 {
|
|
|
+ width: 102rpx;
|
|
|
+ height: 151rpx;
|
|
|
+ }
|
|
|
+ .TextGroup4 {
|
|
|
+ height: 114rpx;
|
|
|
+ width: 238rpx;
|
|
|
+ margin: 18rpx 0 0 36rpx;
|
|
|
+ .group1 {
|
|
|
+ width: 238rpx;
|
|
|
+ height: 114rpx;
|
|
|
+ .word5 {
|
|
|
+ width: 106rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(20, 30, 71, 1);
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-family: PingFang-SC-Bold;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 36rpx;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .word6 {
|
|
|
+ width: 238rpx;
|
|
|
+ height: 26rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(20, 30, 71, 1);
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang-SC-Medium;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 28rpx;
|
|
|
+ margin-top: 16rpx;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .word7 {
|
|
|
+ width: 76rpx;
|
|
|
+ height: 23rpx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(20, 30, 71, 1);
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang-SC-Medium;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 24rpx;
|
|
|
+ display: block;
|
|
|
+ margin: 15rpx 0 0 2rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .icon2 {
|
|
|
+ width: 45rpx;
|
|
|
+ height: 45rpx;
|
|
|
+ margin: 53rpx 0 0 196rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box5 {
|
|
|
+ z-index: 30;
|
|
|
+ height: 224rpx;
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psmt1i4sn0ofh39dgkv8hkb832nj9qf8gqf6b687f8-d66b-4e1b-bf11-5230928b1fca) -1rpx -1rpx
|
|
|
+ no-repeat;
|
|
|
+ width: 212rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 15rpx;
|
|
|
+ top: 469rpx;
|
|
|
+ .mod1 {
|
|
|
+ background-color: rgba(233, 233, 233, 1);
|
|
|
+ border-radius: 10rpx;
|
|
|
+ height: 151rpx;
|
|
|
+ border: 3rpx solid rgba(255, 255, 255, 1);
|
|
|
+ width: 102rpx;
|
|
|
+ margin: 29rpx 0 0 57rpx;
|
|
|
+ .box6 {
|
|
|
+ width: 102rpx;
|
|
|
+ height: 151rpx;
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psiprfxpiojom7lb3b0ywxb5anve7oatt3d3c64e87-2984-4f9e-87cb-5267f4459d84) -8rpx
|
|
|
+ 0rpx no-repeat;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box7 {
|
|
|
+ z-index: 33;
|
|
|
+ height: 176rpx;
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psjyjje1k3ebbn65kuxt2b3ziuhqh4zqj00f95614-1799-4376-b60c-d3d5d3ebd659)
|
|
|
+ 0rpx 0rpx no-repeat;
|
|
|
+ width: 219rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 531rpx;
|
|
|
+ top: 504rpx;
|
|
|
+ .main1 {
|
|
|
+ border-radius: 50%;
|
|
|
+ width: 45rpx;
|
|
|
+ height: 45rpx;
|
|
|
+ border: 1rpx solid rgba(20, 30, 71, 1);
|
|
|
+ margin: 48rpx 0 0 113rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box8 {
|
|
|
+ z-index: 41;
|
|
|
+ height: 224rpx;
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psytzsr9s5bb0uijitrteumj6siystt9jn35b53c09-f476-4e73-8eb9-217c9fe5065f) -1rpx -1rpx
|
|
|
+ no-repeat;
|
|
|
+ width: 212rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 15rpx;
|
|
|
+ top: 686rpx;
|
|
|
+ .outer5 {
|
|
|
+ background-color: rgba(233, 233, 233, 1);
|
|
|
+ border-radius: 10rpx;
|
|
|
+ height: 151rpx;
|
|
|
+ border: 3rpx solid rgba(255, 255, 255, 1);
|
|
|
+ width: 102rpx;
|
|
|
+ margin: 29rpx 0 0 57rpx;
|
|
|
+ .layer10 {
|
|
|
+ width: 102rpx;
|
|
|
+ height: 151rpx;
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/ps4qik17juoyewb7fr7daobnsvywoh8ay4037070b-9182-4a32-8ff0-68370a388d8c) -8rpx
|
|
|
+ 0rpx no-repeat;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box9 {
|
|
|
+ z-index: 44;
|
|
|
+ height: 176rpx;
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psaabh7il659uqb5v3d524r0eehywc1fbyre9bb0fb8-ed5f-46fe-9e80-5932f5c118f0)
|
|
|
+ 0rpx 0rpx no-repeat;
|
|
|
+ width: 219rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 531rpx;
|
|
|
+ top: 721rpx;
|
|
|
+ .main2 {
|
|
|
+ border-radius: 50%;
|
|
|
+ width: 45rpx;
|
|
|
+ height: 45rpx;
|
|
|
+ border: 1rpx solid rgba(20, 30, 71, 1);
|
|
|
+ margin: 48rpx 0 0 113rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+</style>
|
