@charset "UTF-8";
/* 水平间距 */
/* 水平间距 */
view.data-v-a3a870ee {
  box-sizing: border-box;
}
.container .mainBox.data-v-a3a870ee {
  margin-top: 24rpx;
  padding: 0 40rpx;
  padding-bottom: 384rpx;
}
.container .mainBox .titleBox.data-v-a3a870ee {
  background: #F0F1F4;
  background: linear-gradient(90deg, #DCEBFF, #fff);
  height: 62rpx;
  width: 80%;
  border-radius: 32rpx 0rpx 0rpx 0rpx;
  font-size: 32rpx;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  color: #333333;
  display: flex;
  align-items: center;
  padding-left: 32rpx;
}
.container .mainBox .contentBox.data-v-a3a870ee {
  min-height: 1004rpx;
  background: linear-gradient(180deg, #DCEBFF 0%, #FFFFFF 100%);
  box-shadow: 0rpx 8rpx 16rpx -8rpx rgba(0, 71, 190, 0.4);
  border-radius: 0 32rpx 32rpx 32rpx;
  padding: 0 40rpx;
}
.container .mainBox .contentBox .bgTag.data-v-a3a870ee {
  width: 434rpx;
  min-height: 54rpx;
  padding: 0 20rpx;
  font-size: 36rpx;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.container .mainBox .contentBox .storeBox.data-v-a3a870ee {
  position: relative;
}
.container .mainBox .contentBox .storeBox .loading.data-v-a3a870ee {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}
.container .mainBox .contentBox .storeBox .loading .loadingImg.data-v-a3a870ee {
  margin-top: 50rpx;
  width: 500rpx;
  height: 500rpx;
}
.container .mainBox .contentBox .storeBox .loading .progress.data-v-a3a870ee {
  width: 100%;
  margin-top: 100rpx;
}
.container .mainBox .contentBox .storeBox .loading .progress .tipTxt.data-v-a3a870ee {
  margin-top: 50rpx;
  color: #017AFF;
}
.container .mainBox .contentBox .storeBox text.data-v-a3a870ee {
  font-size: 28rpx;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  color: #333333;
  line-height: 66rpx;
  margin-top: 48rpx;
  text-wrap: wrap;
  text-align: justify;
}
.container .mainBox .contentBox .storeBox .img1.data-v-a3a870ee {
  width: 256rpx;
  height: 256rpx;
  border-radius: 30rpx;
  float: left;
  margin-right: 24rpx;
  clear: both;
}
.container .mainBox .contentBox .storeBox .img2.data-v-a3a870ee {
  width: 256rpx;
  height: 356rpx;
  border-radius: 30rpx;
  float: right;
  clear: both;
}
.btnBox.data-v-a3a870ee {
  padding-top: 32rpx;
  padding-left: 40rpx;
  padding-right: 40rpx;
  padding-bottom: 40rpx;
  height: 312rpx;
  background: #FFFFFF;
  box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0, 0, 0, 0.05);
  border-radius: 32rpx 32rpx 0rpx 0rpx;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.btnBox .btn.data-v-a3a870ee {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnBox .b1.data-v-a3a870ee {
  height: 108rpx;
  background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%);
  box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 122, 255, 0.2);
  border-radius: 54rpx;
  font-size: 32rpx;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 24rpx;
}
.btnBox .b2.data-v-a3a870ee {
  height: 108rpx;
  border-radius: 54rpx;
  border: 2rpx solid #017AFF;
  font-size: 32rpx;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  color: #017AFF;
}
.data-v-a3a870ee .u-popup__content {
  border-radius: 30rpx !important;
}
.slot-content .txt1.data-v-a3a870ee {
  margin-bottom: 10rpx;
}
.slot-content .caidan.data-v-a3a870ee {
  width: 100%;
  height: 30rpx;
  margin-top: 10rpx;
}
.data-v-a3a870ee .pinyin {
  font-size: 2rem;
  color: red !important;
}
.data-v-a3a870ee .pinyin ._span {
  display: inline-block;
  float: left;
  text-align: center;
  line-height: 30rpx;
  color: red !important;
}
.data-v-a3a870ee .pinyin ._sup {
  font-size: 13rpx;
  display: block;
  padding: 0 5rpx;
  line-height: 20rpx;
  color: white !important;
}
.data-v-a3a870ee ._sup {
  font-size: 24rpx !important;
  line-height: 24rpx !important;
  border-radius: 5rpx;
  color: red !important;
}
.data-v-a3a870ee ._span {
  color: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0 !important;
  margin: 10rpx 8rpx;
}
.data-v-a3a870ee ._span:first-child {
  margin-left: 90rpx !important;
}
.data-v-a3a870ee ._ {
  display: flex;
  flex-wrap: wrap;
  text-align: justify;
}
.data-v-a3a870ee ._img {
  height: 600rpx !important;
  display: block !important;
  width: 100% !important;
  border-radius: 30rpx;
}

