caiyunyi/unpackage/dist/dev/mp-weixin/pages/index/index.wxss

.main.data-v-57280228 {
  width: 100vw;
  height: 100vh;
}
.main .topBox.data-v-57280228 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 32rpx;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.main .topBox .topContent.data-v-57280228 {
  display: flex;
  align-items: center;
}
.main .topBox .topContent .topLeft.data-v-57280228 {
  display: flex;
  align-items: center;
}
.main .topBox .topContent .topLeft .YDIcon.data-v-57280228 {
  width: 176rpx;
  height: 48rpx;
  margin-right: 8rpx;
}
.main .topBox .topContent .topRight.data-v-57280228 {
  width: 310rpx;
  height: 72rpx;
  background: #f6f8fa;
  border-radius: 36rpx;
  margin-left: 16rpx;
  box-sizing: border-box;
  padding: 16rpx 20rpx;
  display: flex;
  align-items: center;
}
.main .topBox .topContent .topRight .searchIcon.data-v-57280228 {
  width: 32rpx;
  height: 32rpx;
}
.main .topBox .topContent .topRight .searchText.data-v-57280228 {
  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 .content.data-v-57280228 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 32rpx;
}
.main .content .navList.data-v-57280228 {
  width: 100%;
  height: 240rpx;
}
.main .content .navList .swiper.data-v-57280228 {
  width: 100%;
  height: 100%;
}
.main .content .navList .swiper .swiper-item.data-v-57280228 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8rpx;
}
.main .content .navList .swiper .swiper-item .img.data-v-57280228 {
  width: 100%;
  height: 100%;
}
.main .content .funItemList.data-v-57280228 {
  width: 100%;
  height: 264rpx;
  margin-top: 40rpx;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.main .content .funItemList .funItem.data-v-57280228 {
  width: calc(100% / 5);
  height: 116rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main .content .funItemList .funItem .funItemIcon.data-v-57280228 {
  width: 72rpx;
  height: 72rpx;
  margin-bottom: 8rpx;
}
.main .content .funItemList .funItem .funItemText.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 24rpx;
  color: #130f05;
  line-height: 36rpx;
  text-align: right;
  font-style: normal;
}
.main .content .serviceDetail.data-v-57280228 {
  width: 100%;
  margin-top: 32rpx;
  box-sizing: border-box;
  padding: 24rpx;
  background: #ffffff;
  border-radius: 12rpx;
}
.main .content .serviceDetail .detailTop.data-v-57280228 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  position: relative;
}
.main .content .serviceDetail .detailTop .detailImg.data-v-57280228 {
  width: 160rpx;
  height: 136rpx;
  border-radius: 6rpx;
  overflow: hidden;
  margin-right: 20rpx;
}
.main .content .serviceDetail .detailTop .detailImg .img.data-v-57280228 {
  width: 160rpx;
  height: 136rpx;
}
.main .content .serviceDetail .detailTop .detailRight.data-v-57280228 {
  width: calc(100% - 180rpx);
  height: 136rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main .content .serviceDetail .detailTop .detailRight .detailTop.data-v-57280228 {
  display: flex;
  flex-direction: column;
}
.main .content .serviceDetail .detailTop .detailRight .detailTop .title.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 32rpx;
  color: #130f05;
  line-height: 44rpx;
  text-align: left;
  font-style: normal;
  display: inline-block;
  width: 352rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 4rpx;
}
.main .content .serviceDetail .detailTop .detailRight .detailTop .status .statusText.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 22rpx;
  color: #009f43;
  line-height: 32rpx;
  text-align: justify;
  font-style: normal;
  padding: 2rpx 6rpx;
  background: #e9f8ee;
  border-radius: 4rpx;
  display: inline-block;
}
.main .content .serviceDetail .detailTop .detailRight .detailBottom.data-v-57280228 {
  margin-top: 16rpx;
}
.main .content .serviceDetail .detailTop .detailRight .detailBottom .distance.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 24rpx;
  color: #130f05;
  line-height: 36rpx;
  text-align: left;
  font-style: normal;
  margin-right: 8rpx;
}
.main .content .serviceDetail .detailTop .detailRight .detailBottom .addressText.data-v-57280228 {
  max-width: 342rpx;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 24rpx;
  color: #716f69;
  line-height: 36rpx;
  text-align: left;
  font-style: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.main .content .serviceDetail .detailTop .navigation.data-v-57280228 {
  width: 64rpx;
  height: 64rpx;
  position: absolute;
  right: 0;
  top: 0;
}
.main .content .serviceDetail .detailBottom.data-v-57280228 {
  width: 100%;
  margin-top: 24rpx;
  display: flex;
  align-items: center;
}
.main .content .serviceDetail .detailBottom .detailBottomItem.data-v-57280228 {
  width: calc(100% / 6);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.main .content .serviceDetail .detailBottom .detailBottomItem .detailIcon.data-v-57280228 {
  width: 48rpx;
  height: 48rpx;
  margin-bottom: 4rpx;
}
.main .content .serviceDetail .detailBottom .detailBottomItem .detailText.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 22rpx;
  color: #130f05;
  line-height: 32rpx;
  text-align: left;
  font-style: normal;
}
.main .content .serviceDetail .stateGrid.data-v-57280228 {
  width: 100%;
  margin-top: 24rpx;
  background: #f6f6f6;
  border-radius: 12rpx;
  box-sizing: border-box;
  padding: 24rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .content .serviceDetail .stateGrid .leftGrid.data-v-57280228 {
  display: flex;
  align-items: center;
}
.main .content .serviceDetail .stateGrid .leftGrid .gridImg.data-v-57280228 {
  width: 40rpx;
  height: 40rpx;
  margin-right: 12rpx;
}
.main .content .serviceDetail .stateGrid .leftGrid .gridText.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 28rpx;
  color: #130f05;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
  margin-right: 12rpx;
}
.main .content .serviceDetail .stateGrid .leftGrid .fastCharg.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 20rpx;
  color: #ffffff;
  line-height: 28rpx;
  text-align: justify;
  font-style: normal;
  display: inline;
  padding: 2rpx 6rpx;
  background: linear-gradient(270deg, #ff500e 0%, #ff7d0a 100%);
  border-radius: 4rpx;
}
.main .content .serviceDetail .stateGrid .rightGrid.data-v-57280228 {
  display: flex;
  align-items: center;
}
.main .content .serviceDetail .stateGrid .rightGrid .other.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 24rpx;
  color: #130f05;
  line-height: 36rpx;
  text-align: left;
  font-style: normal;
  margin-right: 4rpx;
}
.main .content .serviceDetail .stateGrid .rightGrid .have.data-v-57280228 {
  font-family: DINAlternate, DINAlternate;
  font-weight: bold;
  font-size: 32rpx;
  color: #130f05;
  line-height: 36rpx;
  text-align: left;
  font-style: normal;
  margin-right: 4rpx;
}
.main .content .serviceDetail .stateGrid .rightGrid .all.data-v-57280228 {
  font-family: DINAlternate, DINAlternate;
  font-weight: bold;
  font-size: 32rpx;
  color: #716f69;
  line-height: 36rpx;
  text-align: left;
  font-style: normal;
}
.main .content .roadStatus.data-v-57280228 {
  width: 100%;
  margin-top: 40rpx;
}
.main .content .roadStatus .roadTop.data-v-57280228 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .content .roadStatus .roadTop .roadTopLeft.data-v-57280228 {
  display: flex;
  align-items: center;
}
.main .content .roadStatus .roadTop .roadTopLeft .roadIcon.data-v-57280228 {
  width: 32rpx;
  height: 32rpx;
  margin-right: 8rpx;
}
.main .content .roadStatus .roadTop .roadTopLeft .roadTitle.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 28rpx;
  color: #130f05;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.main .content .roadStatus .roadTop .roadTopRight .roadIcon.data-v-57280228 {
  width: 24rpx;
  height: 24rpx;
}
.main .content .roadStatus .messageListBox.data-v-57280228 {
  width: 100%;
  height: 208rpx;
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
  margin-top: 16rpx;
  box-sizing: border-box;
  padding: 24rpx;
  border-radius: 16rpx;
}
.main .content .roadStatus .messageListBox .messageList.data-v-57280228 {
  display: flex;
  flex-direction: column;
}
.main .content .roadStatus .messageListBox .messageList .messageItem.data-v-57280228 {
  width: 100%;
  box-sizing: border-box;
  padding: 6rpx 0;
  display: flex;
  align-items: center;
}
.main .content .roadStatus .messageListBox .messageList .messageItem .icon.data-v-57280228 {
  width: 11rpx;
  height: 11rpx;
  background: #090c1a;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-right: 16rpx;
}
.main .content .roadStatus .messageListBox .messageList .messageItem .contentMessage.data-v-57280228 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 24rpx;
  color: #130f05;
  line-height: 40rpx;
  text-align: left;
}
.main .content .roadStatus .messageListBox .messageList.scrolling.data-v-57280228 {
  -webkit-animation: scrollAnimation-data-v-57280228 10s linear infinite;
          animation: scrollAnimation-data-v-57280228 10s linear infinite;
}
@-webkit-keyframes scrollAnimation-data-v-57280228 {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
}
@keyframes scrollAnimation-data-v-57280228 {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
}
.main .content .shoppingMall.data-v-57280228 {
  width: 100%;
  margin-top: 40rpx;
  padding-bottom: 40rpx;
}
.main .content .shoppingMall .mallTop.data-v-57280228 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .content .shoppingMall .mallTop .mallTopLeft.data-v-57280228 {
  display: flex;
  align-items: center;
}
.main .content .shoppingMall .mallTop .mallTopLeft .mallIcon.data-v-57280228 {
  width: 32rpx;
  height: 32rpx;
  margin-right: 8rpx;
}
.main .content .shoppingMall .mallTop .mallTopLeft .roadTitle.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 28rpx;
  color: #130f05;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.main .content .shoppingMall .mallTop .mallTopRight .mallIcon.data-v-57280228 {
  width: 24rpx;
  height: 24rpx;
}
.main .content .shoppingMall .mallContent.data-v-57280228 {
  width: 100%;
}
.main .content .shoppingMall .mallContent .advertisement.data-v-57280228 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16rpx;
}
.main .content .shoppingMall .mallContent .advertisement .advertisementItem.data-v-57280228 {
  width: calc((100% - 16rpx) / 2);
  box-sizing: border-box;
  border-radius: 16rpx;
  overflow: hidden;
}
.main .content .shoppingMall .mallContent .advertisement .advertisementItem .advertisementItemTop.data-v-57280228 {
  width: 100%;
  height: 100rpx;
  border-radius: 16rpx 16rpx 0 0;
  box-sizing: border-box;
  padding: 16rpx 24rpx;
  position: relative;
}
.main .content .shoppingMall .mallContent .advertisement .advertisementItem .advertisementItemTop .topTitle .light.data-v-57280228 {
  font-family: AppleSystemUIFont;
  font-size: 32rpx;
  color: #fd2c04;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.main .content .shoppingMall .mallContent .advertisement .advertisementItem .advertisementItemTop .topTitle .rightTopTitle.data-v-57280228 {
  color: #20b45c;
}
.main .content .shoppingMall .mallContent .advertisement .advertisementItem .advertisementItemTop .topTitle .normal.data-v-57280228 {
  font-family: AppleSystemUIFont;
  font-size: 32rpx;
  color: #130f05;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.main .content .shoppingMall .mallContent .advertisement .advertisementItem .advertisementItemTop .topOther.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 20rpx;
  color: #716f69;
  line-height: 28rpx;
  text-align: left;
  font-style: normal;
}
.main .content .shoppingMall .mallContent .advertisement .advertisementItem .advertisementItemTop .mallBg.data-v-57280228 {
  width: 81rpx;
  height: 75rpx;
  position: absolute;
  right: 12rpx;
  top: 12rpx;
}
.main .content .shoppingMall .mallContent .advertisement .advertisementItem .topLeft.data-v-57280228 {
  background: linear-gradient(180deg, #ffe8e8 0%, #ffffff 100%);
}
.main .content .shoppingMall .mallContent .advertisement .advertisementItem .topRight.data-v-57280228 {
  background: linear-gradient(180deg, #dff8e4 0%, #ffffff 100%);
}
.main .content .shoppingMall .mallContent .advertisement .advertisementItem .advertisementItemBottom.data-v-57280228 {
  border-radius: 0 0 16rpx 16rpx;
  width: 100%;
  height: 160rpx;
  box-sizing: border-box;
  padding: 0 24rpx 24rpx;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .content .shoppingMall .mallContent .advertisement .advertisementItem .advertisementItemBottom .advertisementImg.data-v-57280228 {
  width: 136rpx;
  height: 136rpx;
  border-radius: 16rpx;
}
.main .content .shoppingMall .mallList.data-v-57280228 {
  width: 100%;
  margin-top: 16rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main .content .shoppingMall .mallList .mallItem.data-v-57280228 {
  width: calc((100% - 16rpx) / 2);
  background: #fff;
  border-radius: 16rpx;
  margin-bottom: 16rpx;
  overflow: hidden;
}
.main .content .shoppingMall .mallList .mallItem .mallTop.data-v-57280228 {
  width: 100%;
  height: 330rpx;
  box-sizing: border-box;
}
.main .content .shoppingMall .mallList .mallItem .mallTop .mallImg.data-v-57280228 {
  width: 100%;
  height: 100%;
}
.main .content .shoppingMall .mallList .mallItem .mallBottom.data-v-57280228 {
  width: 100%;
  box-sizing: border-box;
  padding: 16rpx 20rpx 16rpx;
}
.main .content .shoppingMall .mallList .mallItem .mallBottom .priceTop.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 28rpx;
  color: #130f05;
  line-height: 32rpx;
  font-style: normal;
  width: calc((100vw - 80rpx) / 2 - 40rpx);
  height: 64rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 设置显示的行数，超出的行数会被省略 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.main .content .shoppingMall .mallList .mallItem .mallBottom .retailPrice.data-v-57280228 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 24rpx;
  color: #756c6a;
  line-height: 36rpx;
  text-align: left;
  font-style: normal;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.main .content .shoppingMall .mallList .mallItem .mallBottom .priceBox.data-v-57280228 {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 8rpx;
  justify-content: space-between;
}
.main .content .shoppingMall .mallList .mallItem .mallBottom .priceBox .leftPrice .unit.data-v-57280228 {
  font-family: DINAlternate, DINAlternate;
  font-weight: bold;
  font-size: 24rpx;
  color: #fe3f22;
  line-height: 24rpx;
  text-align: left;
  font-style: normal;
}
.main .content .shoppingMall .mallList .mallItem .mallBottom .priceBox .leftPrice .price.data-v-57280228 {
  font-family: DINAlternate, DINAlternate;
  font-weight: bold;
  font-size: 36rpx;
  color: #fe3f22;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.main .content .shoppingMall .mallList .mallItem .mallBottom .priceBox .rightPrice.data-v-57280228 {
  width: 32rpx;
  height: 32rpx;
}
.main .content .shoppingMall .mallList .mallItem .mallBottom .priceBox .rightPrice .mallIcon.data-v-57280228 {
  width: 100%;
  height: 100%;
}
.main .content .shoppingMall .mallList .mallItem .mallBottom .priceBox .shopState.data-v-57280228 {
  font-size: 24rpx;
  color: #fff;
  background: #bbbbbb;
  padding: 4rpx 16rpx;
  border-radius: 8rpx;
}
.main .content.data-v-57280228 ::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}
.main .noticePopup.data-v-57280228 {
  width: 80vw;
  height: calc(2688 * 70vw / 1242);
  background: #fff;
  border-radius: 32rpx;
  background-image: url(https://eshangtech.com/minTestImg/caiyunyiguanggao_0619_0625.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 300rpx 120rpx 160rpx;
  position: relative;
}
.main .noticePopup .closeIcon.data-v-57280228 {
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  right: 32rpx;
  top: 32rpx;
}
.main .ETCPopup.data-v-57280228 {
  width: 80vw;
  height: 120px;
  background: #fff;
  border-radius: 32rpx;
  box-sizing: border-box;
  padding: 32rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .ETCPopup .ETCItem.data-v-57280228 {
  width: calc(50% - 32rpx);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main .ETCPopup .ETCItem .itemImg.data-v-57280228 {
  width: 80rpx;
  height: 80rpx;
  margin-bottom: 24rpx;
}
.main .ETCPopup .ETCItem .itemText.data-v-57280228 {
  font-family: "PingFangSC";
  font-weight: 400;
  font-size: 24rpx;
  line-height: 32rpx;
  text-align: justify;
  font-style: normal;
  white-space: nowrap;
}
.main .backTopBox.data-v-57280228 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  position: fixed;
  right: 32px;
  bottom: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.main .backTopBox .backIcon.data-v-57280228 {
  width: 20px;
  height: 20px;
}