.web-w {
  width: 100vw;
  height: 100vh;
}

.delegation {
  padding: 40rpx 56rpx;
  font-size: 24rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1111;
  width: 526rpx;
  background:rgba(0,0,0,0.8);
  box-shadow:2px 0px 4px rgba(0,0,0,0.16);
  color: #fff;
  border-radius: 16rpx;
  box-sizing: border-box;
}
.h4 {
  margin: 0;
  margin-top: 24rpx;
  font-size: 40rpx;
}
.tips {
  margin: 24rpx 0 50rpx;
  line-height: 40rpx;
  font-size: 22rpx;
  width: 100%;
  white-space:pre-wrap;
}
.split {
  margin-top: 24rpx;
  text-align: center;
  color: hsla(0, 0%, 100%, 0.6);
  transform: scale(0.9);
}
.ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.li {
  margin-top: 24rpx;
  width: 50%;
  text-align: center;
  list-style: none;
}
button {
  width: 100%;
  color: #444;
  height: 80rpx;
  border: none;
  margin-top: 60rpx;
  border-radius: 10rpx;
  background-color: #fff;
  font-size: 32rpx;
}
.close-btn {
  width: 28rpx;
  height: 28rpx;
  position: absolute;
  top: 20rpx;
  right: 20rpx;
  /* background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy44NDMiIGhlaWdodD0iMTMuODQzIiB2aWV3Qm94PSIwIDAgMTMuODQzIDEzLjg0MyI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6IG5vbmU7DQogICAgICAgIHN0cm9rZTogI2NiY2JjYjsNCiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOw0KICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdDogMTA7DQogICAgICAgIHN0cm9rZS13aWR0aDogMS4zMDNweDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIGlkPSJpY29uX3BvcHVwX2Nsb3NlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjkyMiAwLjkyMikiPg0KICAgIDxsaW5lIGlkPSLnm7Tnur9fMzMiIGRhdGEtbmFtZT0i55u057q/IDMzIiBjbGFzcz0iY2xzLTEiIHgyPSIxMiIgeTI9IjEyIi8+DQogICAgPGxpbmUgaWQ9IuebtOe6v18zNCIgZGF0YS1uYW1lPSLnm7Tnur8gMzQiIGNsYXNzPSJjbHMtMSIgeTE9IjEyIiB4Mj0iMTIiLz4NCiAgPC9nPg0KPC9zdmc+DQo=) no-repeat center center; */
}