.main.data-v-71e217db { width: 100vw; box-sizing: border-box; } .main .backgroundBottom.data-v-71e217db { position: fixed; top: 0; left: 0; width: 100%; height: 720rpx; background-image: url("https://eshangtech.com/minTestImg/newBackg.png"); background-size: 100% 100%; z-index: 1; } .main .topBox.data-v-71e217db { width: 100%; box-sizing: border-box; padding: 0 32rpx; position: fixed; background: #fff; top: 0; left: 0; z-index: 99; } .main .topBox .topContent.data-v-71e217db { display: flex; align-items: center; } .main .topBox .topContent .topLeft.data-v-71e217db { display: flex; align-items: center; } .main .topBox .topContent .topLeft .YDIcon.data-v-71e217db { width: 48rpx; height: 48rpx; margin-right: 8rpx; } .main .topBox .topContent .topLeft .pageTitle.data-v-71e217db { font-family: "PingFangSC"; font-weight: 400; font-size: 32rpx; color: #090c1a; line-height: 44rpx; text-align: justify; font-style: normal; } .main .topBox .topContent .topRight.data-v-71e217db { width: 302rpx; height: 62rpx; background: #f6f8fa; border-radius: 36rpx; margin-left: 24rpx; box-sizing: border-box; padding: 12rpx 20rpx; display: flex; align-items: center; } .main .topBox .topContent .topRight .searchIcon.data-v-71e217db { width: 32rpx; height: 32rpx; } .main .topBox .topContent .topRight .searchText.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #9fa1aa; line-height: 40rpx; text-align: left; font-style: normal; margin-left: 8rpx; } .main .newTopBox.data-v-71e217db { background-image: url("https://eshangtech.com/minTestImg/newBackg.png"); background-size: 100% 720rpx; } .main .newTopBox .topContent .topRight.data-v-71e217db { background: #ffffff; } .main .appTopBox.data-v-71e217db { width: 100%; box-sizing: border-box; padding: 0 32rpx; background: #fff; border-bottom: 1px solid #eeeded; position: fixed; top: 0; left: 0; z-index: 99; } .main .appTopBox .topContent.data-v-71e217db { display: flex; align-items: center; } .main .appTopBox .topContent .topLeft.data-v-71e217db { display: flex; align-items: center; } .main .appTopBox .topContent .topLeft .YDIcon.data-v-71e217db { width: 48rpx; height: 48rpx; margin-right: 8rpx; } .main .appTopBox .topContent .topLeft .pageTitle.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #090c1a; line-height: 44rpx; text-align: justify; font-style: normal; } .main .appTopBox .topContent .topRight.data-v-71e217db { width: 302rpx; height: 72rpx; background: #f6f8fa; border-radius: 36rpx; margin-left: 24rpx; box-sizing: border-box; padding: 16rpx 20rpx; display: flex; align-items: center; } .main .appTopBox .topContent .topRight .searchIcon.data-v-71e217db { width: 32rpx; height: 32rpx; } .main .appTopBox .topContent .topRight .searchText.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #9fa1aa; line-height: 40rpx; text-align: left; font-style: normal; margin-left: 8rpx; } .main .carousel.data-v-71e217db { width: 100%; height: 440rpx; } .main .carousel .banner.data-v-71e217db { width: 100%; height: 100%; } .main .carousel .banner .swiperImg.data-v-71e217db { width: 100%; } .main .newCarousel.data-v-71e217db { width: calc(100% - 64rpx); height: 330rpx; margin-left: 32rpx; border-radius: 16rpx; overflow: hidden; } .main .newCarousel .banner.data-v-71e217db { width: 100%; height: 100%; } .main .newCarousel .banner .swiperImg.data-v-71e217db { width: 100%; height: 100%; } .main .content.data-v-71e217db { width: 100%; box-sizing: border-box; padding: 32rpx 32rpx 0; } .main .content .userBox.data-v-71e217db { width: 100%; height: 168rpx; background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%); border-radius: 8rpx; border: 2rpx solid #f3f3f3; box-sizing: border-box; padding: 24rpx 0 24rpx 32rpx; display: flex; align-items: center; } .main .content .userBox .profile.data-v-71e217db { width: 104rpx; height: 104rpx; border-radius: 50%; overflow: hidden; } .main .content .userBox .profile .avatarBtn.data-v-71e217db { width: 100%; height: 100%; padding: 0; } .main .content .userBox .profile .avatarBtn .headerImg.data-v-71e217db { width: 100%; height: 100%; } .main .content .userBox .detailBox.data-v-71e217db { width: calc(100% - 260rpx); margin-left: 20rpx; } .main .content .userBox .detailBox .userDetail.data-v-71e217db { display: flex; align-items: center; } .main .content .userBox .detailBox .userDetail .userName.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #090c1a; line-height: 44rpx; text-align: justify; font-style: normal; margin-right: 12rpx; } .main .content .userBox .detailBox .userDetail .identity.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #c79519; line-height: 32rpx; text-align: justify; font-style: normal; background: #faf3e2; border-radius: 16rpx 16rpx 16rpx 0rpx; padding: 2rpx 6rpx; } .main .content .userBox .detailBox .balanceBox.data-v-71e217db { width: 100%; margin-top: 8rpx; display: flex; align-items: center; justify-content: space-between; } .main .content .userBox .detailBox .balanceBox .balanceItem.data-v-71e217db { width: calc((100% - 28rpx) / 2); } .main .content .userBox .detailBox .balanceBox .balanceItem .itemLabel.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #090c1a; line-height: 34rpx; text-align: justify; font-style: normal; } .main .content .userBox .detailBox .balanceBox .balanceItem .itemValue.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #c79519; line-height: 34rpx; text-align: justify; font-style: normal; } .main .content .userBox .userCode.data-v-71e217db { width: 128rpx; box-sizing: border-box; padding: 0 32rpx; border-left: 1px solid #f3f3f3; } .main .content .userBox .userCode .codeBox.data-v-71e217db { display: flex; align-items: center; flex-direction: column; } .main .content .userBox .userCode .codeBox .codeImg.data-v-71e217db { width: 64rpx; height: 64rpx; margin-bottom: 6rpx; } .main .content .userBox .userCode .codeBox .codeText.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #090c1a; line-height: 32rpx; text-align: justify; font-style: normal; white-space: nowrap; } .main .content .majorFun.data-v-71e217db { width: 100%; box-sizing: border-box; padding: 32rpx 0; background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%); border-radius: 8rpx; border: 2rpx solid #f3f3f3; margin-top: 32rpx; display: flex; align-items: center; } .main .content .majorFun .majorItem.data-v-71e217db { width: calc((100% - 2rpx) / 2); display: flex; flex-direction: column; align-items: center; } .main .content .majorFun .majorItem .majorIcon.data-v-71e217db { width: 72rpx; height: 72rpx; margin-bottom: 8rpx; } .main .content .majorFun .majorItem .majorTitle.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #090c1a; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .majorFun .majorItem .majorDesc.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #787879; line-height: 32rpx; text-align: justify; font-style: normal; } .main .content .majorFun .majorLine.data-v-71e217db { width: 2rpx; height: 120rpx; background: #f3f3f3; } .main .content .otherFunBox.data-v-71e217db { width: 100%; box-sizing: border-box; padding: 24rpx 0 0 0; background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%); border-radius: 8rpx; border: 2rpx solid #f3f3f3; margin-top: 24rpx; display: flex; align-items: center; flex-wrap: wrap; } .main .content .otherFunBox .funItem.data-v-71e217db { width: 20%; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; margin-bottom: 24rpx; } .main .content .otherFunBox .funItem .funItemIcon.data-v-71e217db { width: 48rpx; height: 48rpx; margin-bottom: 8rpx; } .main .content .otherFunBox .funItem .funItemText.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #090c1a; line-height: 34rpx; text-align: right; font-style: normal; } .main .content .highwayHeadlines.data-v-71e217db { width: 100%; box-sizing: border-box; background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%); border-radius: 8rpx; border: 2rpx solid #f3f3f3; margin-top: 24rpx; padding: 24rpx; } .main .content .highwayHeadlines .headTop.data-v-71e217db { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .content .highwayHeadlines .headTop .leftHead.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #090c1a; line-height: 36rpx; text-align: left; font-style: normal; } .main .content .highwayHeadlines .headTop .leftHead .text.data-v-71e217db { color: #c7951a; } .main .content .highwayHeadlines .headTop .rightHead .moreIcon.data-v-71e217db { width: 24rpx; height: 24rpx; } .main .content .highwayHeadlines .messageListBox.data-v-71e217db { width: 100%; height: 104rpx; overflow: hidden; position: relative; margin-top: 16rpx; } .main .content .highwayHeadlines .messageListBox .messageList.data-v-71e217db { display: flex; flex-direction: column; } .main .content .highwayHeadlines .messageListBox .messageList .messageItem.data-v-71e217db { width: 100%; box-sizing: border-box; padding: 6rpx 0; display: flex; align-items: center; } .main .content .highwayHeadlines .messageListBox .messageList .messageItem .icon.data-v-71e217db { width: 11rpx; height: 11rpx; background: #090c1a; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-right: 16rpx; } .main .content .highwayHeadlines .messageListBox .messageList .messageItem .contentMessage.data-v-71e217db { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 24rpx; color: #130f05; line-height: 40rpx; text-align: left; } .main .content .highwayHeadlines .messageListBox .messageList.scrolling.data-v-71e217db { -webkit-animation: scrollAnimation-data-v-71e217db 10s linear infinite; animation: scrollAnimation-data-v-71e217db 10s linear infinite; } @-webkit-keyframes scrollAnimation-data-v-71e217db { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @keyframes scrollAnimation-data-v-71e217db { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .main .content .selectedMerchants.data-v-71e217db { margin-top: 48rpx; padding-bottom: 24rpx; } .main .content .selectedMerchants .merchantsTop.data-v-71e217db { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .content .selectedMerchants .merchantsTop .leftMerchants .pageTitle.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #090c1a; line-height: 44rpx; text-align: justify; font-style: normal; } .main .content .selectedMerchants .merchantsTop .leftMerchants .serviceName.data-v-71e217db { margin-left: 16rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #787879; line-height: 32rpx; text-align: justify; font-style: normal; } .main .content .selectedMerchants .merchantsTop .rightMerchants.data-v-71e217db { display: flex; align-items: center; } .main .content .selectedMerchants .merchantsTop .rightMerchants .serviceName.data-v-71e217db { margin-left: 16rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #787879; line-height: 32rpx; text-align: justify; font-style: normal; } .main .content .selectedMerchants .merchantsTop .rightMerchants .moreText.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #787879; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .selectedMerchants .merchantsTop .rightMerchants .moreIcon.data-v-71e217db { width: 24rpx; height: 24rpx; margin-left: 8rpx; } .main .content .selectedMerchants .merchantsList.data-v-71e217db { width: 100%; height: 276rpx; border-radius: 8rpx; border: 2rpx solid #f3f3f3; padding: 22rpx; box-sizing: border-box; margin-top: 24rpx; display: flex; align-items: center; overflow-x: scroll; } .main .content .selectedMerchants .merchantsList .merchantsItem.data-v-71e217db { margin-right: 24rpx; } .main .content .selectedMerchants .merchantsList .merchantsItem .merchantsIconBox.data-v-71e217db { width: 168rpx; height: 168rpx; border-radius: 8rpx; overflow: hidden; } .main .content .selectedMerchants .merchantsList .merchantsItem .merchantsIconBox .merchantsIcon.data-v-71e217db { width: 100%; height: 100%; } .main .content .selectedMerchants .merchantsList .merchantsItem .merchantsName.data-v-71e217db { display: inline-block; width: 168rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #090c1a; line-height: 40rpx; text-align: justify; font-style: normal; } .main .content .selectedMerchants .merchantsList.data-v-71e217db::-webkit-scrollbar { display: none; } .main .content .selectShop.data-v-71e217db { margin-top: 48rpx; padding-bottom: 24rpx; } .main .content .selectShop .shopTop.data-v-71e217db { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .content .selectShop .shopTop .leftShop .pageTitle.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #090c1a; line-height: 44rpx; text-align: justify; font-style: normal; } .main .content .selectShop .shopTop .rightShop.data-v-71e217db { display: flex; align-items: center; } .main .content .selectShop .shopTop .rightShop .moreText.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #787879; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .selectShop .shopTop .rightShop .moreIcon.data-v-71e217db { width: 24rpx; height: 24rpx; margin-left: 8rpx; } .main .content .selectShop .shopList.data-v-71e217db { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 12px; } .main .content .selectShop .shopList .shopItem.data-v-71e217db { width: calc((100% - 24rpx) / 2); border-radius: 8rpx; border: 2rpx solid #f3f3f3; margin-bottom: 24rpx; } .main .content .selectShop .shopList .shopItem .shopImgBox.data-v-71e217db { width: 100%; height: 264rpx; background: #ffffff; border-radius: 8rpx; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding-top: 6rpx; } .main .content .selectShop .shopList .shopItem .shopImgBox .shopImg.data-v-71e217db { width: 372rpx; height: 100%; } .main .content .selectShop .shopList .shopItem .shopDetail.data-v-71e217db { width: 100%; box-sizing: border-box; padding: 0 24rpx 24rpx; margin-top: 16rpx; } .main .content .selectShop .shopList .shopItem .shopDetail .shopName.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #090c1a; line-height: 32rpx; text-align: justify; font-style: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 65rpx; margin-bottom: 4rpx; } .main .content .selectShop .shopList .shopItem .shopDetail .countNumber.data-v-71e217db { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 20rpx; color: #666666; line-height: 32rpx; text-align: left; font-style: normal; } .main .content .selectShop .shopList .shopItem .shopDetail .priceBox.data-v-71e217db { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 32rpx; color: #090c1a; line-height: 32rpx; text-align: left; font-style: normal; display: flex; align-items: center; margin-top: 12rpx; justify-content: space-between; } .main .content .selectShop .shopList .shopItem .shopDetail .priceBox .unit.data-v-71e217db { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 24rpx; color: #090c1a; line-height: 24rpx; text-align: left; font-style: normal; } .main .content .selectShop .shopList .shopItem .shopDetail .shopIcon.data-v-71e217db { width: 32rpx; height: 32rpx; } .main .newContent.data-v-71e217db { width: 100%; box-sizing: border-box; padding: 24rpx 32rpx 0; padding-bottom: calc(110rpx + env(safe-area-inset-bottom)); background: #F5F7F9; } .main .newContent .newMajorFun.data-v-71e217db { margin-top: 0; background: #ffffff; border-radius: 12rpx; border: none; overflow: hidden; } .main .newContent .newMajorFun .majorItem.data-v-71e217db { width: 50%; } .main .newContent .newMajorFun .majorItem .majorIcon.data-v-71e217db { width: 104rpx; height: 104rpx; border-radius: 24rpx; overflow: hidden; margin-bottom: 16rpx; } .main .newContent .otherFunBoxNew.data-v-71e217db { background: #ffffff; border-radius: 12rpx; border: none; overflow: hidden; } .main .newContent .otherFunBoxNew .funItem.data-v-71e217db { width: 20%; } .main .newContent .otherFunBoxNew .funItem .funItemIcon.data-v-71e217db { width: 80rpx; height: 80rpx; margin-bottom: 4rpx; } .main .newContent .highwayHeadlinesNew.data-v-71e217db { background: #ffffff; border-radius: 12rpx; border: none; overflow: hidden; } .main .newContent .highwayHeadlinesNew .headTop.data-v-71e217db { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .newContent .highwayHeadlinesNew .headTop .leftHead.data-v-71e217db { display: flex; align-items: center; } .main .newContent .highwayHeadlinesNew .headTop .leftHead .leftImg.data-v-71e217db { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .newContent .highwayHeadlinesNew .headTop .leftHead .leftTitle.data-v-71e217db { font-family: "PingFangSC"; font-weight: 400; font-size: 24rpx; color: #130f05; line-height: 40rpx; text-align: justify; font-style: normal; } .main .newContent .selectedMerchantsNew.data-v-71e217db { width: 100%; background: #fff; border-radius: 12rpx; margin-top: 24rpx; box-sizing: border-box; padding: 24rpx; }