@import "../app.ttss";

page {
  background: #f4f5f9;
}

.temp {
  width: 100rpx;
  height: 100rpx;
  background-color: darkcyan
}

.xia {
  width: 24rpx;
  height: 14rpx;
  margin: auto 10rpx;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  /* margin: auto; */
}

.goSqunar {
  display: flex;
  justify-content: space-around;
}

.goSqunar1 {
  display: flex;
  justify-content: center;
  background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin_ifomall/imgData/topback_1.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  height: 190rpx;
}

.squareLogo {
  width: 94rpx;
  height: 40rpx;
  position: absolute;
  left: 30rpx;
  /* top: 44%; */
}

.title {
  font-size: 32rpx;
  font-family: OPPOSans;
  font-weight: bold;

}

.title1 {
  max-width: 320rpx;
  color: #402e1e;
  font-family: "PingFangSC-Medium";
  font-size: 28rpx;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.squareMore {
  width: 24rpx;
  /* height: 15rpx; */
}

.marketName {}

.f {
  float: left;
}

.r {
  float: right;
}

.vgrade {
  /* width: 40rpx; */
  height: 26rpx;
  float: left;
  margin: 10rpx;
  background: linear-gradient(180deg, #d5a56e, #e9d0aa);
  border-radius: 16rpx 0 16rpx 0;
  color: #fff;
  line-height: 26rpx;
  font-size: 24rpx;
  padding: 4rpx 10rpx;
}

.integralNum {
  float: left;
  font-family: OPPOSans;
  font-weight: bold;
  color: #be8b50;
  font-size: 26rpx;
}

.color_box1 {
  background-color: #fff;
  /* background-image: url('https://formall.oss-accelerate.aliyuncs.com/cimg/v20211214/home_top_bnt.png'); */
  /* background-size: 100% 100%; */
  /* border-radius: 0 0 40rpx 40rpx; */
  overflow: hidden;
  background-repeat: no-repeat;
}

.color_box {
  /* padding-top: 20rpx; */
  /* background-image: linear-gradient(#DC143C, #F4F5F9); */
  background-color: #f4f5f9;
}

.pickerMall {
  height: auto;
  margin: 0 0 15rpx 20rpx;
  font-size: 30rpx;
}

.location {
  position: relative;
  top: 8rpx;
  width: 35rpx;
  height: 35rpx;
  margin-right: 10rpx;
}

.distance_str {
  margin-left: 10rpx;
}

.right {
  position: relative;
  top: 6rpx;
  left: 10rpx;
  width: 35rpx;
  height: 35rpx;
}

.underlingName {
  float: left;
  line-height: 30rpx;
  color: #a6a6a6;
  /* margin-top: 20rpx; */
  margin-bottom: 20rpx;
  margin-left: 5rpx;
}

.index-position {
  background: rgba(0, 0, 0, 0.5);
  height: 88rpx;
  position: absolute;
  top: 0;
  width: 100%;
  font-family: PingFangSC-Semibold;
  font-size: 30rpx;
  color: #fff;
  letter-spacing: 0.75rpx;
  z-index: 9;
  line-height: 88rpx;
  overflow: hidden;
}

.red {
  position: absolute;
  width: 13rpx;
  height: 13rpx;
  border-radius: 50%;
  background: red;
  right: -50rpx;
  top: 19rpx;
  left: 0;
  margin: auto;
  display: none;
}

page {
  width: 100%;
  height: auto !important;
  overflow-x: hidden;
}

.txt {
  margin-left: 20rpx;
}

.game-entry {
  position: fixed;
  right: 27rpx;
  bottom: 443rpx;
  width: 120rpx;
  margin: 37rpx auto 0;
  z-index: 10;
}

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

.underling {
  padding: 10rpx 30rpx;
}

.userinfo {
  width: 690rpx;
  height: 96rpx;
  border-radius: 16rpx;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 30rpx;
}

.userinfo1 {
  width: 690rpx;
  height: 96rpx;
  border-radius: 16rpx;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.infoLeft {
  height: 100%;
  border-radius: 12rpx;
  background: #fff;
}

.section {
  padding: 0 20rpx;
  justify-content: space-around;
  text-align: center;
  margin-top: 25rpx;
  margin-bottom: 30rpx;
}

.sellsection {
  margin-bottom: 37rpx;
  padding: 0 38rpx;
}

.section>view,
.sellsection>view {
  width: 25%;
  display: inline-block;
  position: relative;
}

.section>view image,
.sellsection>view image {
  display: block;
  margin: 0 auto;
}

.section>view image {
  width: 55rpx;
  height: 55rpx;
  margin-top: 20rpx;
  margin-bottom: 14rpx;
}

.sellsection>view image {
  width: 159rpx;
  height: 134rpx;
}

.section text {
  font-size: 24rpx;
  color: rgba(51, 51, 51, 1);
  display: block;
  margin-top: 0rpx;
}

.showQrcode {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}

.qrcode image {
  margin: 15rpx 20rpx 15rpx;
  z-index: 100;
}

.qrcode1 image {
  margin: 15rpx 20rpx 15rpx;
  z-index: 100;
}

.showQrcode {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}

.canvas-box {
  position: fixed;
  width: 500rpx;
  overflow: hidden;
  left: 0;
  top: 200rpx;
  right: 0;
  margin: auto;
  background: #fff;
  border-radius: 16rpx;
  z-index: 100;
  padding-bottom: 30rpx;
}

.showQrcode text {
  display: none;
  text-align: center;
  font-size: 28rpx;
}

.button {
  width: 414rpx;
  text-align: center;
  margin: 0 auto;
  height: 80rpx;
  line-height: 80rpx;
  background: rgba(255, 255, 255, 1);
  border-radius: 10rpx;
  font-size: 32rpx;
  color: rgba(2, 192, 255, 1);
  overflow: hidden;
}

.memberIds {
  padding-top: 30rpx;
  font-size: 30rpx;
}

.search {
  background: rgba(2, 192, 255, 1);
  height: 50rpx;
}

.searchbar {
  position: relative;
  width: 685rpx;
  height: 76rpx;
  margin: 0 auto;
  text-align: center;
}

.searchbar image {
  width: 40rpx;
}

.searchbar text {
  font-size: 28rpx;
  line-height: 50rpx;
  color: #fff;
  display: inline-block;
}

.user-avatar {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  margin: 10rpx 10rpx;
}

.user-avatar open-data {
  display: block;
  width: 100%;
  height: 100%;
}

.user-avatar1 {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  margin: 0 10rpx;
}

.user-avatar1 image {
  display: block;
  width: 100%;
  height: 100%;
}

.user-data {
  letter-spacing: 0.64rpx;
  line-height: 46rpx;
  font-size: 30rpx;
  color: #333;
  background: #fff;
  margin-top: 10rpx;
  margin-bottom: 26rpx;
  float: right;
  display: flex;
  flex-direction: column;
}

.user-data1 {
  letter-spacing: 0.64rpx;
  line-height: 46rpx;
  font-size: 30rpx;
  color: #333;
  background: #fff;
  /* margin-top: 10rpx; */
  margin-bottom: 26rpx;
  float: right;
  display: flex;
  flex-direction: column;
}

.nameBox open-data {
  float: left;
}

.chengzhangBox {
  height: 32rpx;
  line-height: 26rpx;
  border-radius: 9px 9px 9px 0px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  float: left;
  margin-top: 8rpx;
}

.chengzhang {
  font-size: 22rpx;
  font-weight: 400;
  color: #fff;
  height: 22rpx;
  line-height: 22rpx;
  padding: 0 8rpx;
}

.integral {
  margin-left: 70rpx;
}

.jifen {
  display: inline-block;
  height: 34rpx;
  color: #999;
  font-size: 24rpx;
  line-height: 34rpx;
}

.jifenNumber {
  color: #d18b4c;
  font-size: 34rpx;
  line-height: 34rpx;
  margin-left: 10rpx;
  font-weight: bold;
}

.view {
  display: flex;
  font-size: 24rpx;
  color: #999;
}

.view>.score {
  margin-left: 9rpx;
  color: #333;
  font-size: 30rpx;
  margin-right: 23rpx;
  font-family: PingFang-SC-Bold;
}

.qrcode1 {
  width: 106rpx;
  height: 96rpx;
  border-radius: 12rpx;
}

.qrcode {
  width: 106rpx;
  height: 96rpx;
  background: #fff;
  border-radius: 12rpx;
}

.qrcodeimg {
  width: 68rpx !important;
  height: 68rpx !important;
}

.leftimg {
  position: absolute;
  right: 40rpx;
  top: 60rpx;
  margin-top: -7rpx;
  width: 14rpx;
  height: 26rpx;
}

.duihuanimg {
  display: block;
  width: 48rpx;
  margin-top: 6rpx;
}

.product {
  width: 710rpx;
  margin: 30rpx auto 10rpx;
  border-radius: 16rpx;
  overflow: hidden;
}

.product image {
  display: block;
  width: 100%;
}

.textBox {
  width: 400rpx;
  height: 100%;
  float: left;
  margin-left: 10rpx;
}

.textBox .name {
  width: 400rpx;
  font-size: 28rpx;
  color: #3c3c3c;
  margin-top: 20rpx;
}

.textBox .title {
  width: 400rpx;
  font-size: 20rpx;
  color: #a6a6a6;
  margin-top: 10rpx;
}

.product .gift {
  width: 88rpx;
  height: 88rpx;
  float: left;
  margin-top: 30rpx;
  margin-left: 15rpx;
}

.next image {
  width: 26rpx;
  height: 40rpx;
}

.gift image {
  width: 88rpx;
  height: 76rpx;
}

.product .next {
  width: 32rpx;
  height: 60rpx;
  float: right;
  margin-top: 40rpx;
  margin-right: 26rpx;
}

#rushtobyCard {
  margin-top: 30rpx;
}

.signin {
  width: 542rpx;
  height: 94rpx;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000000;
  margin: auto;
}

.signin open-data {
  position: absolute;
  width: 90rpx;
  left: 0;
  top: 0;
  bottom: 0;
  height: 94rpx;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
}

.signin text {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  font-size: 28rpx;
  height: 80rpx;
  width: 100%;
  line-height: 80rpx;
  color: #d6d5d5;
  text-indent: 4em;
  border-radius: 60rpx;
  margin-top: 7rpx;
}

.remainchengzhangzhi {
  display: block;
  color: #a6a6a6;
  font-size: 22rpx;
  margin-top: 5rpx;
  height: 30rpx;
  line-height: 30rpx;
  float: left;
  margin-left: 10rpx;
  width: 255rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.remainchengzhangzhi p {
  display: inline;
}

progress {
  width: 200rpx;
  border-radius: 60rpx;
  overflow: hidden;
  float: left;
  margin-top: 10rpx;
}

.channelBox {
  width: 688rpx;
  /* height: 220rpx; */
  margin: 20rpx auto;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  background: #f4f5f9;
}

.kjBox {
  width: 25%;
  height: 118rpx;
  font-size: 24rpx;
  color: #a6a6a6;
  margin-top: 10rpx;
  text-align: center;
}

.kjBox1 {
  width: 25%;
  height: 118rpx;
  font-size: 24rpx;
  color: #a6a6a6;
  margin-top: 10rpx;
  text-align: center;
}

.kjBox image {
  width: 60rpx;
  height: 60rpx;
  margin: auto;
}

.kjBox1 image {
  width: 80rpx;
  height: 80rpx;
  margin: auto;
}

.text {
  margin: 0 auto;
}

.toutiao {
  width: 710rpx;
  height: 128rpx;
  line-height: 128rpx;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 6rpx 16rpx 0px rgba(236, 238, 243, 1);
  border-radius: 12rpx;
  margin-top: 18rpx;
  margin-bottom: 18rpx;
  position: relative;
}

.toutiao1 {
  width: 710rpx;
  height: 128rpx;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 6rpx 16rpx 0px rgba(236, 238, 243, 1);
  border-radius: 12rpx;
  margin-top: 18rpx;
  margin-bottom: 18rpx;
  display: flex;
  justify-content: space-between;
}

.xianshi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  font-size: 30rpx;
  padding: 20rpx;
}

.xianshi>text {
  height: 40rpx;
}

.xianshi>text:nth-child(1) {
  font-size: 30rpx;
  font-family: PingFangSC;
  font-weight: 500;
}

.xianshi>text:nth-child(2) {
  margin-top: 10rpx;
  height: 28rpx;
  font-size: 20rpx;
  font-family: PingFangSC;
  font-weight: 400;
  color: rgba(166, 166, 166, 1);
  line-height: 28rpx;
}

.xsCon {
  width: 300rpx;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.igBox {
  height: 100%;
  width: 100rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.igBoxm {
  height: 100%;
  width: 100rpx;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.imageH {
  height: 50rpx !important;
  width: 50rpx !important;
  border-radius: 50%;
  margin: 15rpx auto;
  margin-bottom: 15rpx;
}

.more {
  height: 70rpx !important;
  width: 70rpx !important;
  margin: 0 auto;
}

.imTit {
  height: 14px;
  font-size: 10px;
  font-family: PingFangSC;
  font-weight: 400;
  color: rgba(60, 60, 60, 1);
  line-height: 14px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.toutiao view:nth-child(2) {
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(60, 60, 60, 1);
  float: left;
  width: 500rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toutiao view:nth-child(2) text:nth-child(1) {
  color: red;
}

.toutiao view:nth-child(2) text:nth-child(2) {
  text-decoration: line-through;
  color: red;
}

.toutiao .imgBox {
  width: 64rpx;
  height: 64rpx;
  float: left;
  margin: 5rpx 0 5rpx 20rpx;
}

.toutiao image {
  width: 48rpx;
  height: 38rpx;
  margin: auto;
}

.toutiao .qg {
  width: 80rpx;
  height: 44rpx;
  line-height: 44rpx;
  border-radius: 18rpx;
  border: 2rpx solid;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20rpx;
  margin: auto;
  font-size: 24rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #fd782d;
  text-align: center;
}

i-tabs i-tabs-scroll {
  background: #f4f5f9 !important;
}

.integralBox {
  width: 110rpx;
  height: 110rpx;
  bottom: 500rpx;
  right: 20rpx;
  position: fixed;
  z-index: 1000000;
}

.integralBox1 {
  width: 140rpx;
  height: 140rpx;
  bottom: 500rpx;
  right: 20rpx;
  position: fixed;
  z-index: 1000000;
}