.page-mod-hello {
  width: 750rpx;
  height: 1624rpx;
}

.box {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  background-color: #ffffff;
  width: 750rpx;
  height: 1624rpx;
}

.icon {
  position: absolute;
  top: 844rpx;
  left: 316rpx;
  width: 36rpx;
  height: 26rpx;
}

.icon_2 {
  position: absolute;
  top: 844rpx;
  left: 316rpx;
  width: 36rpx;
  height: 4rpx;
}

.dot {
  position: absolute;
  top: 828rpx;
  left: 322rpx;
  width: 8rpx;
  height: 16rpx;
}

.dot_2 {
  position: absolute;
  top: 826rpx;
  left: 320rpx;
  width: 8rpx;
  height: 18rpx;
}

.group {
  display: flex;
  position: absolute;
  top: 590rpx;
  right: 314rpx;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 104rpx;
  height: 146rpx;
}

.largeIcon {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
  width: 104rpx;
  height: 146rpx;
}

.container {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 104rpx;
  height: 146rpx;
}

.largeIcon_2 {
  position: relative;
  opacity: 0.4;
  width: 104rpx;
  height: 146rpx;
}

.icon_3 {
  position: absolute;
  top: 88rpx;
  right: 30rpx;
  opacity: 0.4;
  width: 30rpx;
  height: 42rpx;
}

.empty {
  position: absolute;
  top: 672rpx;
  align-self: center;
  opacity: 0.16000000000000003;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: rgba(51, 51, 51, 1);
  width: 8rpx;
  height: 152rpx;
}

.block {
  display: flex;
  position: absolute;
  top: 760rpx;
  right: 322rpx;
  align-items: center;
  flex-direction: row;
  width: 68rpx;
  height: 102rpx;
}

.icon_4 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  width: 68rpx;
  height: 102rpx;
}

.dot_3 {
  position: absolute;
  top: 16rpx;
  right: 26rpx;
  width: 8rpx;
  height: 6rpx;
}

.icon_5 {
  position: absolute;
  right: 0;
  bottom: 6rpx;
  width: 54rpx;
  height: 38rpx;
}

.icon_6 {
  position: absolute;
  right: 2rpx;
  bottom: 2rpx;
  width: 50rpx;
  height: 16rpx;
}

.play {
  position: absolute;
  top: 46rpx;
  left: 24rpx;
  width: 18rpx;
  height: 10rpx;
}

.icon_7 {
  position: absolute;
  top: 40rpx;
  right: 12rpx;
  width: 24rpx;
  height: 16rpx;
}

.verticalLine {
  position: absolute;
  top: 766rpx;
  right: 364rpx;
  width: 6rpx;
  height: 50rpx;
}

.dot_5 {
  position: absolute;
  top: 804rpx;
  right: 364rpx;
  width: 8rpx;
  height: 16rpx;
}

.icon_8 {
  position: absolute;
  top: 818rpx;
  right: 322rpx;
  width: 54rpx;
  height: 6rpx;
}

.pic {
  position: absolute;
  top: 796rpx;
  right: 364rpx;
  width: 14rpx;
  height: 4rpx;
}

.dot_6 {
  position: absolute;
  top: 794rpx;
  align-self: center;
  width: 8rpx;
  height: 6rpx;
}

.image {
  position: absolute;
  top: 778rpx;
  right: 352rpx;
  width: 14rpx;
  height: 14rpx;
}

.largeIcon_3 {
  position: absolute;
  top: 538rpx;
  left: 140rpx;
  opacity: 0.3;
  width: 142rpx;
  height: 198rpx;
}

.div {
  position: absolute;
  top: 648rpx;
  left: 216rpx;
  opacity: 0.09;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: rgba(51, 51, 51, 1);
  width: 8rpx;
  height: 204rpx;
}

.hd {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 112rpx;
  margin-left: 64rpx;
  width: 510rpx;
  height: 48rpx;
}

.block_2 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  background-color: #ffffff;
  width: 48rpx;
  height: 48rpx;
}

.image_2 {
  position: relative;
  margin-left: 2rpx;
  width: 14rpx;
  height: 24rpx;
}

.icon_10 {
  position: absolute;
  top: 22rpx;
  left: 2rpx;
  width: 42rpx;
  height: 2rpx;
}

.group_2 {
  display: flex;
  align-items: center;
  flex-direction: row;
  border-radius: 4rpx;
  background-color: #f2f2f2;
  width: 398rpx;
  height: 8rpx;
}

.color {
  border-radius: 4rpx;
  background-color: #3dada9;
  width: 144rpx;
  height: 8rpx;
}

.bd {
  position: relative;
  opacity: 1;
  margin-top: 72rpx;
  margin-left: 64rpx;
  max-width: 686rpx;
  height: 104rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 104rpx;
  white-space: nowrap;
  color: #50565a;
  font-size: 96rpx;
  font-weight: 400;
}

.submain {
  display: flex;
  position: relative;
  align-items: center;
  align-self: flex-end;
  flex-direction: row;
  justify-content: center;
  margin-top: 214rpx;
  margin-right: 140rpx;
  width: 142rpx;
  height: 198rpx;
}

.largeIcon_4 {
  position: relative;
  opacity: 0.2;
  width: 142rpx;
  height: 198rpx;
}

.icon_11 {
  position: absolute;
  top: 118rpx;
  right: 42rpx;
  opacity: 0.2;
  width: 40rpx;
  height: 56rpx;
}

.group_3 {
  display: flex;
  position: absolute;
  top: 742rpx;
  right: 240rpx;
  align-items: flex-start;
  flex-direction: column;
  width: 66rpx;
  height: 100rpx;
}

.icon_12 {
  position: absolute;
  top: 0;
  align-self: center;
  opacity: 0.5;
  width: 66rpx;
  height: 100rpx;
}

.icon_13 {
  position: absolute;
  top: 4rpx;
  left: 4rpx;
  width: 24rpx;
  height: 28rpx;
}

.container_2 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-top: 2rpx;
  margin-left: 8rpx;
  width: 14rpx;
  height: 30rpx;
}

.pic_2 {
  position: relative;
  width: 14rpx;
  height: 30rpx;
}

.dot_9 {
  position: absolute;
  bottom: 2rpx;
  left: 0;
  width: 10rpx;
  height: 4rpx;
}

.pic_3 {
  position: absolute;
  top: 20rpx;
  left: 14rpx;
  width: 12rpx;
  height: 6rpx;
}

.img_2 {
  position: absolute;
  top: 10rpx;
  left: 10rpx;
  width: 14rpx;
  height: 8rpx;
}

.image_3 {
  position: absolute;
  top: 16rpx;
  left: 2rpx;
  width: 12rpx;
  height: 6rpx;
}

.block_3 {
  display: flex;
  position: relative;
  align-items: center;
  align-self: center;
  flex-direction: row;
  justify-content: center;
  margin-top: 4rpx;
  width: 52rpx;
  height: 62rpx;
}

.icon_14 {
  position: relative;
  width: 52rpx;
  height: 62rpx;
}

.icon_15 {
  position: absolute;
  top: 28rpx;
  left: 2rpx;
  width: 48rpx;
  height: 16rpx;
}

.icon_16 {
  position: absolute;
  top: 32rpx;
  align-self: center;
  width: 58rpx;
  height: 10rpx;
}

.icon_17 {
  position: absolute;
  top: 746rpx;
  right: 238rpx;
  width: 24rpx;
  height: 28rpx;
}

.block_4 {
  display: flex;
  position: absolute;
  top: 744rpx;
  right: 244rpx;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 14rpx;
  height: 30rpx;
}

.pic_4 {
  position: relative;
  width: 14rpx;
  height: 30rpx;
}

.dot_10 {
  position: absolute;
  right: 0;
  bottom: 2rpx;
  width: 10rpx;
  height: 4rpx;
}

.image_4 {
  position: absolute;
  top: 762rpx;
  right: 250rpx;
  width: 12rpx;
  height: 6rpx;
}

.picture_2 {
  position: absolute;
  top: 752rpx;
  right: 248rpx;
  width: 14rpx;
  height: 8rpx;
}

.icon_18 {
  position: absolute;
  top: 744rpx;
  right: 256rpx;
  width: 28rpx;
  height: 32rpx;
}

.img_3 {
  position: absolute;
  top: 758rpx;
  right: 238rpx;
  width: 12rpx;
  height: 6rpx;
}

.empty_2 {
  position: absolute;
  top: 660rpx;
  right: 214rpx;
  opacity: 0.04000000000000001;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: rgba(51, 51, 51, 1);
  width: 8rpx;
  height: 204rpx;
}

.main {
  display: flex;
  position: relative;
  align-items: flex-start;
  align-self: flex-end;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 48rpx;
  margin-right: 152rpx;
  width: 280rpx;
  height: 76rpx;
}

.group_5 {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 18rpx;
  width: 112rpx;
  height: 58rpx;
}

.outer {
  display: flex;
  position: absolute;
  top: 10rpx;
  left: 12rpx;
  align-items: center;
  flex-direction: row;
  width: 20rpx;
  height: 18rpx;
}

.icon_19 {
  position: absolute;
  top: 0;
  left: 0;
  width: 20rpx;
  height: 18rpx;
}

.wrap {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  flex-direction: row;
  width: 20rpx;
  height: 18rpx;
}

.icon_20 {
  position: absolute;
  top: 0;
  left: 0;
  width: 20rpx;
  height: 18rpx;
}

.pic_5 {
  position: absolute;
  top: 2rpx;
  left: 2rpx;
  width: 16rpx;
  height: 14rpx;
}

.block_5 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-left: 54rpx;
  width: 58rpx;
  height: 10rpx;
}

.icon_21 {
  width: 58rpx;
  height: 10rpx;
}

.group_4 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-top: 38rpx;
  width: 34rpx;
  height: 10rpx;
}

.icon_22 {
  width: 34rpx;
  height: 10rpx;
}

.container_3 {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  width: 96rpx;
  height: 72rpx;
}

.icon_23 {
  position: absolute;
  top: 0;
  align-self: center;
  opacity: 0.5;
  width: 96rpx;
  height: 72rpx;
}

.icon_24 {
  position: absolute;
  top: 4rpx;
  right: 2rpx;
  width: 66rpx;
  height: 36rpx;
}

.icon_25 {
  position: relative;
  margin-top: 2rpx;
  margin-left: 26rpx;
  width: 68rpx;
  height: 38rpx;
}

.picture_3 {
  position: absolute;
  top: 20rpx;
  left: 20rpx;
  width: 12rpx;
  height: 20rpx;
}

.icon_26 {
  position: relative;
  margin-top: 2rpx;
  margin-left: 6rpx;
  width: 40rpx;
  height: 28rpx;
}

.icon_27 {
  position: absolute;
  bottom: 0;
  left: 6rpx;
  width: 38rpx;
  height: 12rpx;
}

.icon_28 {
  position: absolute;
  top: 42rpx;
  left: 6rpx;
  width: 40rpx;
  height: 4rpx;
}

.icon_29 {
  position: absolute;
  top: 38rpx;
  left: 4rpx;
  width: 44rpx;
  height: 8rpx;
}

.icon_30 {
  position: absolute;
  top: 834rpx;
  left: 342rpx;
  width: 18rpx;
  height: 10rpx;
}

.icon_31 {
  position: absolute;
  top: 832rpx;
  left: 340rpx;
  width: 18rpx;
  height: 10rpx;
}

.icon_32 {
  position: absolute;
  top: 840rpx;
  left: 314rpx;
  width: 40rpx;
  height: 8rpx;
}

.block_9 {
  display: flex;
  position: absolute;
  top: 556rpx;
  left: 136rpx;
  align-items: flex-start;
  flex-direction: row;
  width: 264rpx;
  height: 298rpx;
}

.block_6 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-top: 118rpx;
  margin-right: 70rpx;
  margin-left: 28rpx;
  width: 78rpx;
  height: 150rpx;
}

.icon_33 {
  position: absolute;
  top: 0;
  left: 0;
  width: 78rpx;
  height: 150rpx;
}

.icon_34 {
  position: relative;
  width: 78rpx;
  height: 150rpx;
}

.group_6 {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 182rpx;
  height: 66rpx;
}

.markWrap {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
  width: 88rpx;
  height: 50rpx;
}

.dot_11 {
  position: absolute;
  top: 26rpx;
  right: 12rpx;
  width: 8rpx;
  height: 6rpx;
}

.pic_6 {
  position: absolute;
  top: 778rpx;
  right: 18rpx;
  bottom: 2rpx;
  align-self: center;
  width: 14rpx;
  height: 8rpx;
}

.mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 88rpx;
  height: 50rpx;
}

.icon_35 {
  position: relative;
  margin-top: 22rpx;
  width: 66rpx;
  height: 28rpx;
}

.dot_13 {
  position: relative;
  margin-top: 14rpx;
  margin-left: 58rpx;
  width: 2rpx;
  height: 2rpx;
}

.pic_7 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  width: 264rpx;
  height: 298rpx;
}

.icon_36 {
  position: absolute;
  top: 40rpx;
  right: 112rpx;
  width: 32rpx;
  height: 28rpx;
}

.icon_37 {
  position: absolute;
  top: 58rpx;
  left: 114rpx;
  width: 28rpx;
  height: 38rpx;
}

.icon_38 {
  position: absolute;
  top: 138rpx;
  right: 72rpx;
  width: 50rpx;
  height: 62rpx;
}

.labelWrap {
  display: flex;
  position: absolute;
  top: 182rpx;
  right: 0;
  align-items: center;
  flex-direction: row;
  width: 86rpx;
  height: 48rpx;
}

.picture_4 {
  position: absolute;
  top: 36rpx;
  right: 6rpx;
  width: 14rpx;
  height: 4rpx;
}

.dot_14 {
  position: absolute;
  top: 34rpx;
  right: 2rpx;
  width: 8rpx;
  height: 6rpx;
}

.mark_2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 86rpx;
  height: 48rpx;
}

.label {
  position: absolute;
  top: 0;
  left: 0;
  width: 86rpx;
  height: 48rpx;
}

.verticalLine_2 {
  position: absolute;
  top: 222rpx;
  right: 0;
  opacity: 0.2;
  width: 4rpx;
  height: 30rpx;
}

.icon_39 {
  position: absolute;
  bottom: 4rpx;
  left: 78rpx;
  width: 48rpx;
  height: 30rpx;
}

.icon_40 {
  position: absolute;
  top: 118rpx;
  left: 28rpx;
  width: 62rpx;
  height: 150rpx;
}

.icon_41 {
  position: absolute;
  bottom: 4rpx;
  left: 32rpx;
  width: 48rpx;
  height: 30rpx;
}

.icon_42 {
  position: absolute;
  top: 118rpx;
  left: 28rpx;
  width: 78rpx;
  height: 150rpx;
}

.icon_43 {
  position: absolute;
  bottom: 22rpx;
  left: 4rpx;
  width: 76rpx;
  height: 180rpx;
}

.block_7 {
  display: flex;
  position: absolute;
  bottom: 22rpx;
  left: 2rpx;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 76rpx;
  height: 180rpx;
}

.icon_44 {
  position: absolute;
  top: 0;
  left: 0;
  width: 76rpx;
  height: 180rpx;
}

.outer_2 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  width: 76rpx;
  height: 180rpx;
}

.icon_45 {
  position: absolute;
  top: 0;
  left: 0;
  width: 76rpx;
  height: 180rpx;
}

.icon_46 {
  position: absolute;
  top: 0;
  left: 0;
  width: 52rpx;
  height: 180rpx;
}

.icon_47 {
  position: absolute;
  top: 128rpx;
  left: 68rpx;
  width: 18rpx;
  height: 64rpx;
}

.group_7 {
  display: flex;
  position: absolute;
  top: 48rpx;
  left: 4rpx;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 156rpx;
  height: 108rpx;
}

.largeIcon_5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 156rpx;
  height: 108rpx;
}

.block_8 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 156rpx;
  height: 108rpx;
}

.largeIcon_6 {
  position: relative;
  width: 156rpx;
  height: 108rpx;
}

.icon_49 {
  position: absolute;
  top: 68rpx;
  left: 24rpx;
  width: 34rpx;
  height: 16rpx;
}

.verticalLine_3 {
  position: absolute;
  top: 68rpx;
  left: 62rpx;
  width: 2rpx;
  height: 12rpx;
}

.icon_50 {
  position: absolute;
  top: 40rpx;
  right: 44rpx;
  width: 18rpx;
  height: 22rpx;
}

.playBtn {
  position: absolute;
  top: 30rpx;
  left: 64rpx;
  width: 20rpx;
  height: 30rpx;
}

.img_4 {
  position: absolute;
  top: 40rpx;
  right: 112rpx;
  width: 16rpx;
  height: 12rpx;
}

.icon_51 {
  position: absolute;
  top: 14rpx;
  right: 92rpx;
  width: 42rpx;
  height: 36rpx;
}

.icon_52 {
  position: absolute;
  top: 4rpx;
  right: 84rpx;
  width: 70rpx;
  height: 104rpx;
}

.container_4 {
  display: flex;
  position: absolute;
  top: 2rpx;
  right: 84rpx;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 70rpx;
  height: 104rpx;
}

.icon_53 {
  position: relative;
  width: 70rpx;
  height: 104rpx;
}

.dot_15 {
  position: absolute;
  top: 64rpx;
  left: 20rpx;
  width: 8rpx;
  height: 2rpx;
}

.row {
  position: relative;
  align-self: center;
  opacity: 1;
  margin-top: 142rpx;
  max-width: 718rpx;
  height: 60rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 60rpx;
  white-space: nowrap;
  color: #77808d;
  font-size: 52rpx;
  font-weight: 400;
}

.row1 {
  position: relative;
  align-self: center;
  opacity: 1;
  margin-top: 86rpx;
  max-width: 612rpx;
  height: 36rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 36rpx;
  white-space: nowrap;
  color: #77808d;
  font-size: 28rpx;
  font-weight: 400;
}

.wifiPrev {
  position: absolute;
  top: 1194rpx;
  right: 266rpx;
  opacity: 1;
  line-height: 36rpx;
  white-space: nowrap;
  color: #77808d;
  font-size: 28rpx;
  font-weight: 400;
}

.row2 {
  position: relative;
  opacity: 1;
  margin-left: 244rpx;
  max-width: 506rpx;
  height: 36rpx;
  overflow: hidden;
  text-indent: 4px;
  text-overflow: ellipsis;
  line-height: 36rpx;
  white-space: nowrap;
  color: #77808d;
  font-family: Helvetica;
  font-size: 28rpx;
  font-weight: normal;
}

.ft {
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: flex-start;
  align-self: center;
  flex-direction: row;
  margin-top: 184rpx;
  border-radius: 12rpx;
  background-color: #3dada9;
  padding-right: 258rpx;
  padding-left: 256rpx;
  height: 112rpx;
}

.tag {
  opacity: 1;
  margin-top: 16rpx;
  line-height: 50rpx;
  white-space: nowrap;
  color: #ffffff;
  font-size: 36rpx;
  font-weight: 400;
}
