/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html {
  font-size: 16px;
}
.rela_tive{position: relative}
.hide{display: none !important;}
.fontBalck{
  color:#121212 !important;
}
.backto{
  width: 5.81rem;
  /* height: 1.59rem; */
  position: relative;
  top: 3vh;
  left: -3vw;
}
.zoomImage{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#closeViewer{z-index: 9;position: relative}
.mar_t10{margin-top:10px;}
.pad_t1{padding-top:1rem;}
.pad_t2{padding-top:2rem;}
.w_98{width: 98%;margin:0 auto;}
.w_92{width: 92%;margin:0 auto;}
.w_90{width: 90%;margin:0 auto;}
.w_80{width: 80%;margin:0 auto;}
.w_100{width: 100%;}
.w_95{width: 95%;}
.idx_dialog {
  left: 0;
  top: 0;
  background-color: #00000099;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image_music {
  width: 4.66rem;
  height: 2.63rem;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
}
.textCenter{text-align: center}
.image_book {
  /*margin-top: -1.75rem;*/
  width: 2.81rem;
  /* height: 2.31rem; */
  position: absolute;
  right: -1rem;
  top: -1.5rem;
  transform: translateY(25%);
}
.text-content {
  padding: 2.28rem 0 2.38rem;
  background-color: #ffffff;
  background-image: linear-gradient(60deg, #ffd3e1 0%, #ffffff 54%, #88d3ff 100%);
  border-radius: 0.94rem;
  /* width: 12.16rem; */
  border-left: solid 0.16rem #ffffff80;
  border-right: solid 0.16rem #ffffff80;
  border-top: solid 0.16rem #ffffff80;
  border-bottom: solid 0.16rem #ffffff80;
}
.image_close {
  margin-top: 0.5rem;
  width: 2.19rem;
  height: 2.19rem;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
  'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100vw;
  height: 100vh;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

.pf_-flex-row {
  display: flex;
  flex-direction: row;
}

.pf_-flex-col {
  display: flex;
  flex-direction: column;
}

.pf_-justify-start {
  justify-content: flex-start;
}

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

.pf_-justify-center {
  justify-content: center;
}

.pf_-justify-between {
  justify-content: space-between;
}

.pf_-justify-around {
  justify-content: space-around;
}

.pf_-justify-evenly {
  justify-content: space-evenly;
}

.pf_-items-start {
  align-items: flex-start;
}

.pf_-items-end {
  align-items: flex-end;
}

.pf_-items-center {
  align-items: center;
}

.pf_-items-baseline {
  align-items: baseline;
}

.pf_-items-stretch {
  align-items: stretch;
}

.pf_-self-start {
  align-self: flex-start;
}

.pf_-self-end {
  align-self: flex-end;
}

.pf_-self-center {
  align-self: center;
}

.pf_-self-baseline {
  align-self: baseline;
}

.pf_-self-stretch {
  align-self: stretch;
}

.pf_-flex-1 {
  flex: 1 1 0%;
}

.pf_-flex-auto {
  flex: 1 1 auto;
}

.pf_-grow {
  flex-grow: 1;
}

.pf_-grow-0 {
  flex-grow: 0;
}

.pf_-shrink {
  flex-shrink: 1;
}

.pf_-shrink-0 {
  flex-shrink: 0;
}

.pf_-relative {
  position: relative;
}

.pf_-ml-2 {
  margin-left: 0.13rem;
}

.pf_-mt-2 {
  margin-top: 0.13rem;
}

.pf_-ml-4 {
  margin-left: 0.25rem;
}

.pf_-mt-4 {
  margin-top: 0.25rem;
}

.pf_-ml-6 {
  margin-left: 0.38rem;
}

.pf_-mt-6 {
  margin-top: 0.38rem;
}

.pf_-ml-8 {
  margin-left: 0.5rem;
}

.pf_-mt-8 {
  margin-top: 0.5rem;
}

.pf_-ml-10 {
  margin-left: 0.63rem;
}

.pf_-mt-10 {
  margin-top: 0.63rem;
}

.pf_-ml-12 {
  margin-left: 0.75rem;
}

.pf_-mt-12 {
  margin-top: 0.75rem;
}

.pf_-ml-14 {
  margin-left: 0.88rem;
}

.pf_-mt-14 {
  margin-top: 0.88rem;
}

.pf_-ml-16 {
  margin-left: 1rem;
}

.pf_-mt-16 {
  margin-top: 1rem;
}

.pf_-ml-18 {
  margin-left: 1.13rem;
}

.pf_-mt-18 {
  margin-top: 1.13rem;
}

.pf_-ml-20 {
  margin-left: 1.25rem;
}

.pf_-mt-20 {
  margin-top: 1.25rem;
}

.pf_-ml-22 {
  margin-left: 1.38rem;
}

.pf_-mt-22 {
  margin-top: 1.38rem;
}

.pf_-ml-24 {
  margin-left: 1.5rem;
}

.pf_-mt-24 {
  margin-top: 1.5rem;
}

.pf_-ml-26 {
  margin-left: 1.63rem;
}

.pf_-mt-26 {
  margin-top: 1.63rem;
}

.pf_-ml-28 {
  margin-left: 1.75rem;
}

.pf_-mt-28 {
  margin-top: 1.75rem;
}

.pf_-ml-30 {
  margin-left: 1.88rem;
}

.pf_-mt-30 {
  margin-top: 1.88rem;
}

.pf_-ml-32 {
  margin-left: 2rem;
}

.pf_-mt-32 {
  margin-top: 2rem;
}

.pf_-ml-34 {
  margin-left: 2.13rem;
}

.pf_-mt-34 {
  margin-top: 2.13rem;
}

.pf_-ml-36 {
  margin-left: 2.25rem;
}

.pf_-mt-36 {
  margin-top: 2.25rem;
}

.pf_-ml-38 {
  margin-left: 2.38rem;
}

.pf_-mt-38 {
  margin-top: 2.38rem;
}

.pf_-ml-40 {
  margin-left: 2.5rem;
}

.pf_-mt-40 {
  margin-top: 2.5rem;
}

.pf_-ml-42 {
  margin-left: 2.63rem;
}

.pf_-mt-42 {
  margin-top: 2.63rem;
}

.pf_-ml-44 {
  margin-left: 2.75rem;
}

.pf_-mt-44 {
  margin-top: 2.75rem;
}

.pf_-ml-46 {
  margin-left: 2.88rem;
}

.pf_-mt-46 {
  margin-top: 2.88rem;
}

.pf_-ml-48 {
  margin-left: 3rem;
}

.pf_-mt-48 {
  margin-top: 3rem;
}

.pf_-ml-50 {
  margin-left: 3.13rem;
}

.pf_-mt-50 {
  margin-top: 3.13rem;
}

.pf_-ml-52 {
  margin-left: 3.25rem;
}

.pf_-mt-52 {
  margin-top: 3.25rem;
}

.pf_-ml-54 {
  margin-left: 3.38rem;
}

.pf_-mt-54 {
  margin-top: 3.38rem;
}

.pf_-ml-56 {
  margin-left: 3.5rem;
}

.pf_-mt-56 {
  margin-top: 3.5rem;
}

.pf_-ml-58 {
  margin-left: 3.63rem;
}

.pf_-mt-58 {
  margin-top: 3.63rem;
}

.pf_-ml-60 {
  margin-left: 3.75rem;
}

.pf_-mt-60 {
  margin-top: 3.75rem;
}

.pf_-ml-62 {
  margin-left: 3.88rem;
}

.pf_-mt-62 {
  margin-top: 3.88rem;
}

.pf_-ml-64 {
  margin-left: 4rem;
}

.pf_-mt-64 {
  margin-top: 4rem;
}

.pf_-ml-66 {
  margin-left: 4.13rem;
}

.pf_-mt-66 {
  margin-top: 4.13rem;
}

.pf_-ml-68 {
  margin-left: 4.25rem;
}

.pf_-mt-68 {
  margin-top: 4.25rem;
}

.pf_-ml-70 {
  margin-left: 4.38rem;
}

.pf_-mt-70 {
  margin-top: 4.38rem;
}

.pf_-ml-72 {
  margin-left: 4.5rem;
}

.pf_-mt-72 {
  margin-top: 4.5rem;
}

.pf_-ml-74 {
  margin-left: 4.63rem;
}

.pf_-mt-74 {
  margin-top: 4.63rem;
}

.pf_-ml-76 {
  margin-left: 4.75rem;
}

.pf_-mt-76 {
  margin-top: 4.75rem;
}

.pf_-ml-78 {
  margin-left: 4.88rem;
}

.pf_-mt-78 {
  margin-top: 4.88rem;
}

.pf_-ml-80 {
  margin-left: 5rem;
}

.pf_-mt-80 {
  margin-top: 5rem;
}

.pf_-ml-82 {
  margin-left: 5.13rem;
}

.pf_-mt-82 {
  margin-top: 5.13rem;
}

.pf_-ml-84 {
  margin-left: 5.25rem;
}

.pf_-mt-84 {
  margin-top: 5.25rem;
}

.pf_-ml-86 {
  margin-left: 5.38rem;
}

.pf_-mt-86 {
  margin-top: 5.38rem;
}

.pf_-ml-88 {
  margin-left: 5.5rem;
}

.pf_-mt-88 {
  margin-top: 5.5rem;
}

.pf_-ml-90 {
  margin-left: 5.63rem;
}

.pf_-mt-90 {
  margin-top: 5.63rem;
}

.pf_-ml-92 {
  margin-left: 5.75rem;
}

.pf_-mt-92 {
  margin-top: 5.75rem;
}

.pf_-ml-94 {
  margin-left: 5.88rem;
}

.pf_-mt-94 {
  margin-top: 5.88rem;
}

.pf_-ml-96 {
  margin-left: 6rem;
}

.pf_-mt-96 {
  margin-top: 6rem;
}

.pf_-ml-98 {
  margin-left: 6.13rem;
}

.pf_-mt-98 {
  margin-top: 6.13rem;
}

.pf_-ml-100 {
  margin-left: 6.25rem;
}

.pf_-mt-100 {
  margin-top: 6.25rem;
}