<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&nbsp;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&nbsp;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>