@font-face {
  font-family: 'CustomFont';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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AFMAbwB1AHIAYwBlACAASABhAG4AIABTAGUAcgBpAGYAIABDAE4AIABCAG8AbABkADoAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAUwBvAHUAcgBjAGUAIABIAGEAbgAgAFMAZQByAGkAZgAgAEMATgAgAEIAbwBsAGQAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAIABBAHAAcgBpAGwAIAA3ACwAIAAyADAAMQA3ACwAIABpAG4AaQB0AGkAYQBsACAAcgBlAGwAZQBhAHMAZQBTAG8AdQByAGMAZQBIAGEAbgBTAGUAcgBpAGYAQwBOAC0AQgBvAGwAZABTAG8AdQByAGMAZQAgAGkAcwAgAGEAIAB0AHIAYQBkAGUAbQBhAHIAawAgAG8AZgAgAEEAZABvAGIAZQAgAFMAeQBzAHQAZQBtAHMAIABJAG4AYwBvAHIAcABvAHIAYQB0AGUAZAAgAGkAbgAgAHQAaABlACAAVQBuAGkAdABlAGQAIABTAHQAYQB0AGUAcwAgAGEAbgBkAC8AbwByACAAbwB0AGgAZQByACAAYwBvAHUAbgB0AHIAaQBlAHMALgBBAGQAbwBiAGUAIABTAHkAcwB0AGUAbQBzACAASQBuAGMAbwByAHAAbwByAGEAdABlAGQAUgB5AG8AawBvACAATgBJAFMASABJAFoAVQBLAEEAIIl/WFptvFtQACAAKABrAGEAbgBhACAAJgAgAGkAZABlAG8AZwByAGEAcABoAHMAKQA7ACAARgByAGEAbgBrACAARwByAGkAZQDfAGgAYQBtAG0AZQByACAAKABMAGEAdABpAG4ALAAgAEcAcgBlAGUAawAgACYAIABDAHkAcgBpAGwAbABpAGMAKQA7ACAAVwBlAG4AbABvAG4AZwAgAFoASABBAE4ARwAgXyBlh5+ZACAAKABiAG8AcABvAG0AbwBmAG8AKQA7ACAAUwBhAG4AZABvAGwAbAAgAEMAbwBtAG0AdQBuAGkAYwBhAHQAaQBvAG4AcwAgwLCzzM7ku6SyyM8Ax3TBWAAsACAAUwBvAG8AaAB5AHUAbgAgAFAAQQBSAEsAILwVwhjWBAAsACAAWQBlAGoAaQBuACAAVwBFACDHBMYIycQAIAAmACAARABvAG4AZwBoAG8AbwBuACAASABBAE4AINVcs9nWyAAgACgAaABhAG4AZwB1AGwAIABlAGwAZQBtAGUAbgB0AHMALAAgAGwAZQB0AHQAZQByAHMAIAAmACAAcwB5AGwAbABhAGIAbABlAHMAKQBEAHIALgAgAEsAZQBuACAATAB1AG4AZABlACAAKABwAHIAbwBqAGUAYwB0ACAAYQByAGMAaABpAHQAZQBjAHQALAAgAGcAbAB5AHAAaAAgAHMAZQB0ACAAZABlAGYAaQBuAGkAdABpAG8AbgAgACYAIABvAHYAZQByAGEAbABsACAAcAByAG8AZAB1AGMAdABpAG8AbgApADsAIABNAGEAcwBhAHQAYQBrAGEAIABIAEEAVABUAE8AUgBJACBnDZDoa2OMtAAgACgAcAByAG8AZAB1AGMAdABpAG8AbgAgACYAIABpAGQAZQBvAGcAcgBhAHAAaAAgAGUAbABlAG0AZQBuAHQAcwApAGgAdAB0AHAAOgAvAC8AdwB3AHcALgBhAGQAbwBiAGUALgBjAG8AbQAvAHQAeQBwAGUALwBUAGgAaQBzACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAgAGkAcwAgAGwAaQBjAGUAbgBzAGUAZAAgAHUAbgBkAGUAcgAgAHQAaABlACAAUwBJAEwAIABPAHAAZQBuACAARgBvAG4AdAAgAEwAaQBjAGUAbgBzAGUALAAgAFYAZQByAHMAaQBvAG4AIAAxAC4AMQAuACAAVABoAGkAcwAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUAIABpAHMAIABkAGkAcwB0AHIAaQBiAHUAdABlAGQAIABvAG4AIABhAG4AIAAiAEEAUwAgAEkAUwAiACAAQgBBAFMASQBTACwAIABXAEkAVABIAE8AVQBUACAAVwBBAFIAUgBBAE4AVABJAEUAUwAgAE8AUgAgAEMATwBOAEQASQBUAEkATwBOAFMAIABPAEYAIABBAE4AWQAgAEsASQBOAEQALAAgAGUAaQB0AGgAZQByACAAZQB4AHAAcgBlAHMAcwAgAG8AcgAgAGkAbQBwAGwAaQBlAGQALgAgAFMAZQBlACAAdABoAGUAIABTAEkATAAgAE8AcABlAG4AIABGAG8AbgB0ACAATABpAGMAZQBuAHMAZQAgAGYAbwByACAAdABoAGUAIABzAHAAZQBjAGkAZgBpAGMAIABsAGEAbgBnAHUAYQBnAGUALAAgAHAAZQByAG0AaQBzAHMAaQBvAG4AcwAgAGEAbgBkACAAbABpAG0AaQB0AGEAdABpAG8AbgBzACAAZwBvAHYAZQByAG4AaQBuAGcAIAB5AG8AdQByACAAdQBzAGUAIABvAGYAIAB0AGgAaQBzACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAuAGgAdAB0AHAAOgAvAC8AcwBjAHIAaQBwAHQAcwAuAHMAaQBsAC4AbwByAGcALwBPAEYATAAAAAMAAAAAAAD/gwAyAAAAAAAAAAAAAAAAAAAAAAAAAAs=) format('woff2')
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}

.container {
  width: 100%;
  min-height: 100vh;
  padding-bottom: 1.5897rem;
  overflow-y: auto;
  position: relative;
  background: linear-gradient(to bottom, #0F1C32, #142B49);
  /* height: 100vh;
  display: flex;
  flex-direction: column; */
}


.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  overflow-y: auto;
  z-index: 10;
}

.bg-cover {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}

.popup-content-wrap {
  position: absolute;
  width: 80%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  max-width: 400px;
}

.popup-content-wrap .close {
  width: .8205rem;
  font-size: .8205rem;
  margin-bottom: .359rem;
  color: #fff;
}

#popup-content {
  font-size: .3rem;
  background-color: #fff;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 0 .2821rem;
  width: 100%;
  position: absolute;
  left: 100%;
  top: 100%;
}

.btn {
  margin-top: 0.3846rem;
}

.btn>span {
  height: 1.2308rem;
  background: #00E5FF;
  border-radius: .2564rem;
  color: #000000;
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: .4103rem;
  color: #000000;
  line-height: 1.2308rem;
  text-align: center;
  display: block;

}

video {
  height: 300px;
  object-fit: fill;
  object-position: center;
}

.popup-content-top {
  padding-left: .5128rem;
  font-size: .3077rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cover-item {
  padding-top: 75% !important;
}

.popup-content-top img {
  width: 100%;
}

.popup-content-top span :first-child {
  font-size: .4615rem;
}

.popup-image-item {
  /* padding: 0 .5128rem;
  overflow: hidden; */
  width: 100%;
  height: 0;
  padding-top: 75%;
  position: relative;
  /* border-radius: 0.2051rem; */
  overflow: hidden;
}

.popup-image {
  /* width: 100%;
  display: block; */
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.base-address {
  padding: 0 .5128rem;
  color: #333;
}

.base-address>.base-name {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: .5128rem;
  color: #000000;
  line-height: .7179rem;
  margin: .4103rem 0 0;
}

.check-num {
  font-family: PingFang SC, PingFang SC;
  font-weight: 300;
  font-size: .359rem;
  color: #737373;
  line-height: .5128rem;
}

.check-num span {
  font-weight: 600;
}

.share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .4103rem .4103rem .4103rem .5128rem;
}

.share-qrcode {
  width: 2.359rem;
  height: 2.4103rem;
  overflow: hidden;
}

#qrcode {
  width: 100%;
  height: 100%;
}

.share-qrcode-image {
  width: 100%;
  height: 100%;
  display: none;
}

#qrcode>img {
  width: 100%;

}

.main-content {
  background: #fff;
  margin-bottom: 0.3846rem;
  position: relative;
  overflow: hidden;
}

.main-content .reSign {
  width: 1.5385rem;
  height: 1.2308rem;
  background: #00E5FF;
  border-radius: .2564rem;
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: .4103rem;
  color: #000000;
  line-height: 1.2308rem;
  text-align: center;

}

.check-time {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: Source Han Serif CN, Source Han Serif CN;
  font-weight: 500;
  font-size: .359rem;
  color: #000000;
}

.check-time>span:nth-child(1) {
  padding-bottom: .2051rem;
  text-align: center;
}

.check-time>span:nth-child(2) {
  font-size: 1.0256rem;
  text-align: center;
  font-weight: 900;
  border-top: 1px solid #CBCBCB;
  border-bottom: 1px solid #CBCBCB;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'CustomFont';
}

.check-time>span:nth-child(3) {
  text-align: center;
  padding-top: .2051rem;

}

.base64-image {
  width: 100%;
  display: none;
}

.base64-image>img {
  width: 100%;
  /* max-height: 70vh;
  object-fit: contain; */
}

.wrap-content {
  margin: 0 auto;
  max-width: 768px;
  position: relative;
  overflow: hidden;
  height: 100%;
  /* display: flex;
  flex-direction: column; */
  /* height: 100vh; */
}

.content {

  /* overflow-y: auto; */
  overflow: hidden;
  padding: .2564rem .5128rem;
  position: relative;
  /* height: calc(100vh - 1.5385rem); */
}

.tool {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: .2564rem;
}

.tool-item {
  flex: 1;
  font-size: .3077rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}

.tool-item:last-child {
  margin-right: 0;
}

.cover-item {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
  border-radius: .2051rem;
  overflow: hidden;
}

.cover {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.base-name {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: .4615rem;
  color: #FFFFFF;
  margin: .5128rem 0;
}

.open-info {
  display: flex;
  padding-bottom: .3077rem;
  /* min-height: 1.1795rem; */
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.open-time {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: .359rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: .4615rem;
  display: none;
  flex: 1;
}

.base-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.4rem;
  background: #eee;
  height: 1.3rem;
  border-radius: .2rem;
  margin-bottom: .3rem;
}

.info-item {
  font-size: .35rem;
}

/* .rich-text {
  font-weight: 400;
  font-size: .359rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: .5641rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 0 .3077rem 0;
  margin-top: .3rem;
  margin-bottom: .3rem;
}

.rich-text img {
  width: 100% !important;
  margin: .5128rem 0;
}

.rich-text video {
  width: 100% !important;
} */

.interaction {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .3rem;
  font-size: .4rem;
}

.write {
  text-align: center;
  color: skyblue;
  font-size: .4rem;
  margin-bottom: .3rem;
}

.action {
  position: fixed;
  bottom: 0px;
  left: .5128rem;
  right: .5128rem;
  z-index: 2;
  background: #142B49;
  height: 1.93rem;
  /* padding-bottom: .2308rem; */
  max-width: 768px;
  display: block;
  margin: 0 auto;
}

.action-inner {
  display: flex;
  width: 100%;
  padding: .3308rem .3846rem;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  border-radius: .2051rem;
  background: rgba(255, 255, 255, 0.1);
  /* padding-bottom: .2308rem; */
  /* padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom); */
}

.fee {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: .359rem;
  color: rgba(255, 255, 255, 0.7);
  /* border-top: 1px solid rgba(255, 255, 255, 0.2); */
  padding-top: .3077rem;
  display: none;
}

.appoint {
  width: 1.8462rem;
  height: .8205rem;
  background: #00E5FF;
  border-radius: .1026rem;
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: .4103rem;
  color: #000000;
  line-height: .8205rem;
  text-align: center;
  margin-left: .7692rem;
  text-decoration: none;
  display: none;
  cursor: pointer;
}

.bottom-bar {
  width: 100%;
  height: 2.0513rem;
  max-width: 768px;
  background: #0F0F0F;
  display: flex;
  margin: 0 auto;
}

.bar-item {
  flex: 1;
  text-align: center;
  font-size: .3077rem;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

.back {
  color: #00E5FF;
}

.icon {
  font-size: .7179rem !important;
  margin-bottom: .1026rem;
}

.bar-item:last-child {
  border-right: none;
}

/* 设置 loading 动画的样式 */
.loading {
  display: none;
  /* 初始隐藏 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
}

.loading-spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top: 4px solid #00E5FF;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  /* 添加旋转动画 */
}

.book-desc {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  background: rgba(0, 0, 0, .7);
  z-index: 10;
}

.flex-end {
  justify-content: flex-end;
}

.book-desc-item {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 400px;
}

.desc-close {
  font-size: .7692rem !important;
  color: #fff !important;
  display: block;
  cursor: pointer;
  max-width: 400px;
}

.desc-content {
  padding: .3077rem;
  /* background: rgba(0, 0, 0, 0.8); */
  background: linear-gradient(180deg, #373737, #272727);

  max-height: 50vh;
  min-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: .2051rem;
  max-width: 400px;
}

.desc {
  color: #fff;
  font-size: .4103rem;
  word-break: break-all;
  margin-bottom: .3077rem;
}

.pic {
  width: 100%;
  display: block;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}