@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; } /* .mallName { font-weight: 600; } */ .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; }