/* user/upgradeCart/upgradeCart.wxss */ .tabs { border-top: 2rpx solid #ebebeb; background-color: #fff; } .upgradeCart-cen { background-color: #fff; padding: 20rpx 0rpx 80rpx 0; } .swiper-item{ position: relative; } .swiper-bac{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .swiper-bac image{ height: 100%; width: 100%; } .swiper-cart-bac{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; height: 100%; width: 100%; padding: 0 30rpx; } .swiper-cart-all{ width: 100%; } .cart-name{ font-family: PingFang-SC-Medium; font-size: 30rpx; font-weight: 400; color: #ffffff; } .logo image{ width: 60%; } .cart-discount-mon{ vertical-align:top; font-family: PingFang-SC-Bold; font-size: 75rpx; font-weight: 500; color: #ffffff; } .cart-discount .cart-discount-i{ margin-top: 20rpx; font-family: PingFang-SC-Medium; font-size: 26rpx; letter-spacing: -1px; font-weight: 400; color: #ffffff; height: 100%; vertical-align:top; display: inline-block; } .cart-tips{ font-family: PingFang-SC-Medium; font-size: 24rpx; font-weight: 400; color: #ffffff; } .exprecharge{ padding-top: 50rpx; } .ts-green{ width: 32rpx; height: 32rpx; } .ts-p{ font-family: PingFang-SC-Medium; font-size: 32rpx; font-weight: 400; color: #333333; } .ts-p1{ font-family: PingFang-SC-Medium; font-size: 26rpx; font-weight: 400; color: #999999; margin: 4rpx 0; } /*用来包裹所有的小圆点 */ .cart-list { position: relative; margin-bottom: 50rpx; } .dots { width: 100%; flex-direction: row; position: absolute; bottom: -40rpx; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .scroll-dots{ width: 100%; white-space: nowrap; display: flex; text-align: center; } .scroll-dots-d{ display: inline-block; height: 60rpx; } /*未选中时的小圆点样式 */ .dot { margin: 0 30rpx; font-family: PingFang-SC-Medium; font-size: 26rpx; font-weight: 400; color: #999; padding: 0 10rpx; } /*选中以后的小圆点样式 */ .active { font-family: PingFang-SC-Medium; font-size: 32rpx; font-weight: 400; color: #333; position: relative; } .active::after{ content: ""; position: absolute; left: 50%; margin-left: -30rpx; bottom: -20rpx; width: 60rpx; height: 6rpx; background-color: #1dbf53; border-radius: 3px; } /* 点击升级 */ .cart-btn{ margin-top: 100rpx; width: 690rpx; height: 100rpx; line-height: 100rpx; background-image: linear-gradient( #1dbf53, #1dbf53), linear-gradient( #2fd152, #2fd152); background-blend-mode: normal, normal; border-radius: 50rpx; } .cart-btn-p{ font-family: PingFang-SC-Bold; font-size: 38rpx; font-weight: 500; color: #ffffff; text-align: left; } .cart-btn-p span{ margin-left: 20rpx; text-decoration:line-through; font-family: PingFang-SC-Medium; font-size: 28rpx; font-weight: 400; color: #ffffff; } .cart-btn-p1{ font-weight: 500; display: block; text-align: center; }