.index-wrapper .title {
  padding-top: calc(20 * min(100vw, 480px) / 750);
  margin: 0 calc(20 * min(100vw, 480px) / 750);
}
.index-wrapper .title .text {
  font-size: calc(24 * min(100vw, 480px) / 750);
  color: #999;
}
.index-wrapper .title .text .iconfont {
  font-size: calc(36 * min(100vw, 480px) / 750);
  color: var(--view-theme);
  margin-top: calc(4 * min(100vw, 480px) / 750);
  margin-right: calc(12 * min(100vw, 480px) / 750);
  font-style: normal;
  font-weight: normal;
}
.index-wrapper .title .text .name {
  color: #282828;
  font-size: calc(34 * min(100vw, 480px) / 750);
  font-weight: bold;
  margin-bottom: calc(5 * min(100vw, 480px) / 750);
  position: relative;
  display: flex;
  align-items: center;
}
.index-wrapper .title .text .name .new {
  position: absolute;
  top: calc(2 * min(100vw, 480px) / 750);
  left: calc(130 * min(100vw, 480px) / 750);
  font-size: calc(16 * min(100vw, 480px) / 750);
  font-weight: bold;
}
.index-wrapper .title .more {
  font-size: calc(24 * min(100vw, 480px) / 750);
  color: #999999 !important;
}
.index-wrapper .title .more .iconfont {
  margin-left: calc(9 * min(100vw, 480px) / 750);
  font-size: calc(26 * min(100vw, 480px) / 750);
}

.product-con .mask {
  z-index: 99 !important;
}

.product-con .conter img {
  max-width: calc(750 * min(100vw, 480px) / 750) !important;
  height: unset !important;
}

.product-con .wrapper {
  background-color: #fff;
}

.product-con .wrapper .share {
  margin: 0 calc(30 * min(100vw, 480px) / 750);
  padding-top: calc(25 * min(100vw, 480px) / 750);
}

.product-con .wrapper .share .money {
  font-size: calc(28 * min(100vw, 480px) / 750);
  font-weight: 700;
}

.product-con .wrapper .share .money .num {
  font-size: calc(48 * min(100vw, 480px) / 750);
}

.product-con .wrapper .share .money .vip-money {
  color: #282828;
  margin-left: calc(13 * min(100vw, 480px) / 750);
}

.product-con .wrapper .share .money image {
  width: calc(46 * min(100vw, 480px) / 750);
  height: calc(21 * min(100vw, 480px) / 750);
  margin-left: calc(7 * min(100vw, 480px) / 750);
}

.product-con .wrapper .share .money .vip-money {
  color: #282828;
  margin-left: calc(13 * min(100vw, 480px) / 750);
}

.product-con .wrapper .share .iconfont {
  color: #515151;
  font-size: calc(40 * min(100vw, 480px) / 750);
  margin-bottom: calc(10 * min(100vw, 480px) / 750);
}

.product-con .wrapper .introduce {
  font-size: calc(32 * min(100vw, 480px) / 750);
  font-weight: 700;
  margin: calc(23 * min(100vw, 480px) / 750) calc(30 * min(100vw, 480px) / 750) 0 calc(30 * min(100vw, 480px) / 750);
}

.product-con .wrapper .label {
  margin: 0 calc(30 * min(100vw, 480px) / 750);
  font-size: calc(24 * min(100vw, 480px) / 750);
  color: #82848f;
  margin-top: calc(22 * min(100vw, 480px) / 750);
}

.product-con .wrapper .coupon {
  padding: 0 calc(30 * min(100vw, 480px) / 750);
  border-top: calc(1 * min(100vw, 480px) / 750) solid #f5f5f5;
  height: calc(80 * min(100vw, 480px) / 750);
  font-size: calc(26 * min(100vw, 480px) / 750);
  color: #82848f;
}

.product-con .wrapper .coupon .hide {
  width: calc(540 * min(100vw, 480px) / 750);
  height: calc(80 * min(100vw, 480px) / 750);
  line-height: calc(80 * min(100vw, 480px) / 750);
}

.product-con .wrapper .coupon .activity {
  height: calc(40 * min(100vw, 480px) / 750);
  padding: 0 calc(20 * min(100vw, 480px) / 750);
  border: calc(1 * min(100vw, 480px) / 750) solid var(--view-minorColor);
  color: var(--view-theme);
  font-size: calc(24 * min(100vw, 480px) / 750);
  line-height: calc(40 * min(100vw, 480px) / 750);
  position: relative;
  margin: calc(19 * min(100vw, 480px) / 750) 0 calc(19 * min(100vw, 480px) / 750) calc(15 * min(100vw, 480px) / 750);
}

.product-con .wrapper .coupon .activity:before {
  content: " ";
  position: absolute;
  width: calc(7 * min(100vw, 480px) / 750);
  height: calc(10 * min(100vw, 480px) / 750);
  border-radius: 0 calc(7 * min(100vw, 480px) / 750) calc(7 * min(100vw, 480px) / 750) 0;
  border: calc(1 * min(100vw, 480px) / 750) solid var(--view-minorColor);
  background-color: #fff;
  bottom: 50%;
  left: calc(-3 * min(100vw, 480px) / 750);
  margin-bottom: calc(-6 * min(100vw, 480px) / 750);
  border-left-color: #fff;
}

.product-con .wrapper .coupon .activity:after {
  content: " ";
  position: absolute;
  width: calc(7 * min(100vw, 480px) / 750);
  height: calc(10 * min(100vw, 480px) / 750);
  border-radius: calc(7 * min(100vw, 480px) / 750) 0 0 calc(7 * min(100vw, 480px) / 750);
  border: calc(1 * min(100vw, 480px) / 750) solid var(--view-minorColor);
  background-color: #fff;
  right: calc(-3 * min(100vw, 480px) / 750);
  bottom: 50%;
  margin-bottom: calc(-6 * min(100vw, 480px) / 750);
  border-right-color: #fff;
}

.product-con .wrapper .coupon .iconfont {
  color: #7a7a7a;
  font-size: calc(28 * min(100vw, 480px) / 750);
}

.product-con .attribute {
  background-color: #fff;
  padding: 0 calc(30 * min(100vw, 480px) / 750);
  font-size: calc(26 * min(100vw, 480px) / 750);
  color: #82848f;
  margin-top: calc(20 * min(100vw, 480px) / 750);
  min-height: calc(80 * min(100vw, 480px) / 750);
}

.product-con .attribute .atterTxt {
  font-size: calc(28 * min(100vw, 480px) / 750);
  color: #282828;
}

.product-con .attribute .iconfont {
  font-size: calc(28 * min(100vw, 480px) / 750);
  color: #7a7a7a;
  line-height: calc(40 * min(100vw, 480px) / 750);
}

.product-con .userEvaluation {
  margin-top: calc(20 * min(100vw, 480px) / 750);
  background-color: #fff;
}

.product-con .userEvaluation .title {
  height: calc(86 * min(100vw, 480px) / 750);
  border-bottom: calc(1 * min(100vw, 480px) / 750) solid #eee;
  font-size: calc(28 * min(100vw, 480px) / 750);
  color: #282828;
  margin-left: calc(30 * min(100vw, 480px) / 750);
  padding-right: calc(30 * min(100vw, 480px) / 750);
}

.product-con .userEvaluation .title .praise {
  font-size: calc(28 * min(100vw, 480px) / 750);
  color: grey;
}

.product-con .userEvaluation .title .praise .iconfont {
  color: #7a7a7a;
  font-size: calc(28 * min(100vw, 480px) / 750);
  vertical-align: calc(1 * min(100vw, 480px) / 750);
  margin-left: calc(8 * min(100vw, 480px) / 750);
}

.product-con .product-intro {
  position: relative;
  margin-top: calc(20 * min(100vw, 480px) / 750);
  width: 100%;
  /* padding-bottom: 100rpx; */
  overflow: hidden;
}

.product-con .product-intro .title {
  font-size: calc(30 * min(100vw, 480px) / 750);
  color: #333;
  height: calc(86 * min(100vw, 480px) / 750);
  width: 100%;
  background-color: #fff;
  text-align: center;
  line-height: calc(86 * min(100vw, 480px) / 750);
}

.product-con .product-intro .conter {
  width: 100%;
}

.product-con .product-intro .conter image {
  width: 100% !important;
  display: block !important;
}

.goodsStyle {
  margin-top: calc(1 * min(100vw, 480px) / 750);
  background-color: #fff;
  padding: calc(22 * min(100vw, 480px) / 750) calc(30 * min(100vw, 480px) / 750);
  display: flex;
  align-items: center;
}

.goodsStyle .pictrue {
  width: calc(120 * min(100vw, 480px) / 750);
  height: calc(120 * min(100vw, 480px) / 750);
}

.goodsStyle .pictrue image {
  width: 100%;
  height: 100%;
  border-radius: calc(6 * min(100vw, 480px) / 750);
}

.goodsStyle .text {
  width: calc(545 * min(100vw, 480px) / 750);
  font-size: calc(28 * min(100vw, 480px) / 750);
  color: #999;
}

.goodsStyle .text .name {
  width: calc(360 * min(100vw, 480px) / 750);
  height: max-content;
  color: #282828;
}

.goodsStyle .text .money {
  text-align: right;
}

.goodsStyle .text .money .num {
  margin-top: calc(7 * min(100vw, 480px) / 750);
}

.goodWrapper .item {
  margin-left: calc(30 * min(100vw, 480px) / 750);
  margin-right: calc(30 * min(100vw, 480px) / 750);
  height: calc(180 * min(100vw, 480px) / 750);
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.goodWrapper .item .pictrue {
  width: calc(130 * min(100vw, 480px) / 750);
  height: calc(130 * min(100vw, 480px) / 750);
}

.goodWrapper .item .pictrue image {
  width: 100%;
  height: 100%;
  border-radius: calc(6 * min(100vw, 480px) / 750);
}

.goodWrapper .item .text {
  width: calc(100% - calc(130 * min(100vw, 480px) / 750));
  padding-left: calc(20 * min(100vw, 480px) / 750);
  position: relative;
}

.goodWrapper .item .text .name {
  font-size: calc(28 * min(100vw, 480px) / 750);
  color: #282828;
  width: calc(453 * min(100vw, 480px) / 750);
}

.goodWrapper .item .text .num {
  font-size: calc(26 * min(100vw, 480px) / 750);
  color: #868686;
}

.goodWrapper .item .text .attr {
  font-size: calc(20 * min(100vw, 480px) / 750);
  color: #868686;
  margin-top: calc(7 * min(100vw, 480px) / 750);
}

.goodWrapper .item .text .money {
  font-size: calc(26 * min(100vw, 480px) / 750);
  margin-top: calc(17 * min(100vw, 480px) / 750);
}

.goodWrapper .item .text .evaluate {
  position: absolute;
  width: calc(114 * min(100vw, 480px) / 750);
  height: calc(46 * min(100vw, 480px) / 750);
  border: calc(1 * min(100vw, 480px) / 750) solid #bbb;
  border-radius: calc(4 * min(100vw, 480px) / 750);
  text-align: center;
  line-height: calc(46 * min(100vw, 480px) / 750);
  right: 0;
  bottom: calc(-5 * min(100vw, 480px) / 750);
}

.goodWrapper .item .text .evaluate.userEvaluated {
  font-size: calc(26 * min(100vw, 480px) / 750);
  color: #aaa;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}

.promoterHeader {
  width: 100%;
  height: calc(220 * min(100vw, 480px) / 750);
}

.promoterHeader .headerCon {
  width: 100%;
  height: 100%;
  padding: 0 calc(88 * min(100vw, 480px) / 750) 0 calc(55 * min(100vw, 480px) / 750);
  box-sizing: border-box;
  font-size: calc(28 * min(100vw, 480px) / 750);
  color: #fff;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.promoterHeader .headerCon .name {
  margin-bottom: calc(10 * min(100vw, 480px) / 750);
}
.promoterHeader .headerCon .num {
  font-size: calc(50 * min(100vw, 480px) / 750);
}
.promoterHeader .headerCon .iconfont {
  font-size: calc(125 * min(100vw, 480px) / 750);
}
.sign-record .list .item .data {
  height: calc(80 * min(100vw, 480px) / 750);
  line-height: calc(80 * min(100vw, 480px) / 750);
  padding: 0 calc(30 * min(100vw, 480px) / 750);
  font-size: calc(24 * min(100vw, 480px) / 750);
  color: #666;
}
.sign-record .list .item .listn {
  background-color: #fff;
  font-size: calc(24 * min(100vw, 480px) / 750);
  color: #999;
}
.sign-record .list .item .listn .itemn .name {
  width: calc(390 * min(100vw, 480px) / 750);
  font-size: calc(28 * min(100vw, 480px) / 750);
  color: #282828;
  margin-bottom: calc(10 * min(100vw, 480px) / 750);
}
.sign-record .list .item .listn .itemn .num {
  font-size: calc(36 * min(100vw, 480px) / 750);
  font-family: "Guildford Pro";
  color: #16ac57;
}
.sign-record .list .item .listn .itemn .num.font-color {
  color: var(--view-priceColor) !important;
}
.coupon-list {
  padding: 0 calc(30 * min(100vw, 480px) / 750);
  margin-top: calc(25 * min(100vw, 480px) / 750);
}
.coupon-list .item {
  width: 100%;
  height: calc(170 * min(100vw, 480px) / 750);
  margin-bottom: calc(16 * min(100vw, 480px) / 750);
}
.coupon-list .item .money {
  width: calc(220 * min(100vw, 480px) / 750);
  height: 100%;
  color: #fff;
  font-size: calc(36 * min(100vw, 480px) / 750);
  font-weight: bold;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.coupon-list .item .moneyCon,
.coupons .list .item .moneyCon {
  background-color: var(--view-theme);
  height: 100%;
}
.coupon-list .item .money,
.coupons .list .item .price {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: none;
}
.coupon-list .item .money.moneyGray,
.coupons .list .item .price.moneyGray {
  background-color: #ccc;
}
.coupon-list .item .money .num {
  font-size: calc(60 * min(100vw, 480px) / 750);
}
.coupon-list .item .text {
  width: calc(470 * min(100vw, 480px) / 750);
  padding: calc(6 * min(100vw, 480px) / 750) calc(17 * min(100vw, 480px) / 750) 0 calc(24 * min(100vw, 480px) / 750);
  box-sizing: border-box;
  background-color: #fff;
}
.coupon-list .item .text .condition {
  font-size: calc(30 * min(100vw, 480px) / 750);
  color: #282828;
  height: calc(93 * min(100vw, 480px) / 750);
}
.coupon-list .item .text .data {
  font-size: calc(20 * min(100vw, 480px) / 750);
  color: #999;
  height: calc(50 * min(100vw, 480px) / 750);
  display: flex;
  flex-wrap: nowrap;
}
.coupon-list .item .text .data .bnt {
  width: calc(136 * min(100vw, 480px) / 750);
  height: calc(44 * min(100vw, 480px) / 750);
  border-radius: calc(22 * min(100vw, 480px) / 750);
  font-size: calc(22 * min(100vw, 480px) / 750);
  text-align: center;
  line-height: calc(44 * min(100vw, 480px) / 750);
  color: #fff;
}
.coupon-list .item .text .data .bnt.gray {
  background: #ccc !important;
}
.coupon-list .item.svip .money {
  background-color: #edbb75;
}
.coupon-list .item.svip .condition .line-title {
  border-color: #eec181;
  background-color: #fef7ec;
  color: #eec181;
}
.coupon-list .item.svip .bg-color {
  background: linear-gradient(90deg, #edc98a 0%, #edbb75 100%);
}
.coupon-list .item.svip .bnt.gray {
  background: #cccccc;
}
.coupon-list .item.svip .line1 .image {
  width: calc(30 * min(100vw, 480px) / 750);
  height: calc(30 * min(100vw, 480px) / 750);
  margin-right: calc(10 * min(100vw, 480px) / 750);
  vertical-align: middle;
  z-index: 0;
}

.noCommodity {
  /* border-top: 7rpx solid #f5f5f5; */
}

.noCommodity .pictrue {
  width: calc(414 * min(100vw, 480px) / 750);
  height: calc(336 * min(100vw, 480px) / 750);
  margin: calc(30 * min(100vw, 480px) / 750) auto calc(30 * min(100vw, 480px) / 750) auto;
}

.noCommodity .pictrue image {
  width: 100%;
  height: 100%;
}
/* 登录、注册、忘记密码 */
.register {
  background-image: linear-gradient(to bottom, #eb5447 0, #ff8e3b 100%);
  width: 100%;
  height: 100vh;
}

.register .shading {
  background-image: none;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: calc(286 * min(100vw, 480px) / 750);
  padding-top: calc(70 * min(100vw, 480px) / 750);
}

.register .shading .pictrue {
  width: calc(172 * min(100vw, 480px) / 750);
  height: calc(172 * min(100vw, 480px) / 750);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
}

.register .shading .pictrue image {
  width: calc(164 * min(100vw, 480px) / 750);
  height: calc(164 * min(100vw, 480px) / 750);
  border-radius: 50%;
  display: block;
}

.register .whiteBg {
  width: calc(620 * min(100vw, 480px) / 750);
  border-radius: calc(16 * min(100vw, 480px) / 750);
  background-color: #fff;
  margin: calc(30 * min(100vw, 480px) / 750) auto 0 auto;
  padding: calc(45 * min(100vw, 480px) / 750) calc(30 * min(100vw, 480px) / 750) 0 calc(30 * min(100vw, 480px) / 750);
}

.register .whiteBg .title {
  font-size: calc(36 * min(100vw, 480px) / 750);
  color: #282828;
  text-align: center;
  font-weight: 700;
}

.register .whiteBg .title .item ~ .item {
  margin-left: calc(85 * min(100vw, 480px) / 750);
}

.register .whiteBg .title .item {
  color: #999;
  border-bottom: calc(5 * min(100vw, 480px) / 750) solid #fff;
  padding-bottom: calc(10 * min(100vw, 480px) / 750);
}

.register .whiteBg .title .item.on {
  color: #282828;
  border-bottom-color: #f35749;
}

.register .whiteBg .list .item {
  border-bottom: calc(1 * min(100vw, 480px) / 750) solid #ededed;
  padding: calc(47 * min(100vw, 480px) / 750) 0 calc(13 * min(100vw, 480px) / 750) 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.register .whiteBg .list .item .name {
  font-size: calc(26 * min(100vw, 480px) / 750);
  color: #2d3342;
  margin-bottom: calc(27 * min(100vw, 480px) / 750);
  text-align: left;
}

.register .whiteBg .list .item image {
  width: calc(40 * min(100vw, 480px) / 750);
  height: calc(40 * min(100vw, 480px) / 750);
  display: block;
}

.register .whiteBg .list .item input {
  font-size: calc(32 * min(100vw, 480px) / 750);
  flex: 1;
  margin-left: calc(20 * min(100vw, 480px) / 750);
}

.register .whiteBg .list .item .placeholder {
  color: #ccc;
}

.register .whiteBg .list .item .codeIput {
  width: calc(250 * min(100vw, 480px) / 750);
  margin-left: calc(20 * min(100vw, 480px) / 750);
}

.register .whiteBg .list .item .code {
  position: absolute;
  width: calc(150 * min(100vw, 480px) / 750);
  height: calc(50 * min(100vw, 480px) / 750);
  background-color: #f35446;
  border-radius: calc(30 * min(100vw, 480px) / 750);
  color: #fff;
  line-height: calc(50 * min(100vw, 480px) / 750);
  text-align: center;
  bottom: calc(17 * min(100vw, 480px) / 750);
  right: 0;
  font-size: calc(25 * min(100vw, 480px) / 750);
}

.register .whiteBg .list .item .code.on {
  background-color: #bbb;
}

.register .whiteBg .list .forgetPwd {
  text-align: right;
  font-size: calc(28 * min(100vw, 480px) / 750);
  color: #666;
  margin-top: calc(20 * min(100vw, 480px) / 750);
}

.register .whiteBg .list .forgetPwd .iconfont {
  font-size: calc(30 * min(100vw, 480px) / 750);
  margin-right: calc(10 * min(100vw, 480px) / 750);
  vertical-align: middle;
}

.register .whiteBg .logon {
  font-size: calc(34 * min(100vw, 480px) / 750);
  color: #fff;
  font-weight: 700;
  height: calc(86 * min(100vw, 480px) / 750);
  border-radius: calc(43 * min(100vw, 480px) / 750);
  background: linear-gradient(to right, #f35447 0, #ff8e3c 100%);
  text-align: center;
  line-height: calc(86 * min(100vw, 480px) / 750);
  margin-top: calc(47 * min(100vw, 480px) / 750);
}

.register .whiteBg .tip {
  height: calc(110 * min(100vw, 480px) / 750);
  text-align: center;
  line-height: calc(105 * min(100vw, 480px) / 750);
  font-size: calc(30 * min(100vw, 480px) / 750);
  color: #ccc;
}

.register .bottom {
  background-image: none;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: calc(620 * min(100vw, 480px) / 750);
  height: calc(36 * min(100vw, 480px) / 750);
  margin: 0 auto;
}
/* 首页修改轮播内部样式 */
.index-bg .uni-swiper-dot {
  width: calc(20 * min(100vw, 480px) / 750) !important;
  height: calc(5 * min(100vw, 480px) / 750) !important;
  border-radius: calc(3 * min(100vw, 480px) / 750);
}

.boutique .uni-swiper-dot {
  width: calc(7 * min(100vw, 480px) / 750) !important;
  height: calc(7 * min(100vw, 480px) / 750) !important;
  border-radius: 50%;
}

.boutique .uni-swiper-dot-active {
  width: calc(20 * min(100vw, 480px) / 750) !important;
  border-radius: calc(5 * min(100vw, 480px) / 750) !important;
}

.sign-record .list .item .data {
  height: calc(80 * min(100vw, 480px) / 750);
  line-height: calc(80 * min(100vw, 480px) / 750);
  padding: 0 calc(30 * min(100vw, 480px) / 750);
  font-size: calc(24 * min(100vw, 480px) / 750);
  color: #666;
}

.sign-record .list .item .listn {
  background-color: #fff;
  font-size: calc(24 * min(100vw, 480px) / 750);
  color: #999;
}

.sign-record .list .item .listn .itemn {
  /* height: 120rpx; */
  border-bottom: calc(1 * min(100vw, 480px) / 750) solid #eee;
  padding: calc(30 * min(100vw, 480px) / 750);
}
.sign-record .list .item .listn .itemn .fail-msg {
  margin-top: calc(10 * min(100vw, 480px) / 750);
}

.sign-record .list .item .listn .itemn .name {
  /* width: 390rpx; */
  font-size: calc(28 * min(100vw, 480px) / 750);
  color: #282828;
  margin-bottom: calc(10 * min(100vw, 480px) / 750);
}

.sign-record .list .item .listn .itemn .num {
  font-size: calc(36 * min(100vw, 480px) / 750);
  font-family: "Guildford Pro";
  color: #16ac57;
}

.statistical-page .mc-body {
  padding-bottom: 0;
}

.statistical-page .mpvue-calendar {
  min-width: 100%;
}

.statistical-page .mpvue-calendar table {
  margin: 0;
}

.statistical-page .mpvue-calendar td {
  border-right: 1px solid #fff;
  padding: 0;
  width: 14% !important;
}

.statistical-page .calendar-tools {
  box-shadow: unset;
  -webkit-box-shadow: unset;
  -o-box-shadow: unset;
  -moz-box-shadow: unset;
}

.statistical-page .mc-head-box div {
  font-size: 14px;
}

.statistical-page .mpvue-calendar td:not(.disabled) span.mc-date-red {
  color: unset;
}

.statistical-page
  .mpvue-calendar
  .mc-range-mode
  .mc-range-begin
  span.calendar-date,
.statistical-page
  .mpvue-calendar
  .mc-range-mode
  .mc-range-end
  span.calendar-date {
  border-radius: 0;
  background-color: #2291f8 !important;
}

.statistical-page .mpvue-calendar td.selected span.mc-date-red {
  color: #fff;
}

.statistical-page .mc-range-mode .selected .mc-range-bg {
  background-color: #a0dcf9;
}

.statistical-page
  .mpvue-calendar
  .mc-range-mode
  .mc-range-row-first
  .calendar-date,
.statistical-page
  .mpvue-calendar
  .mc-range-mode
  .mc-range-row-last
  .calendar-date {
  background-color: #a0dcf9;
}

.statistical-page
  .mpvue-calendar
  .mc-range-mode
  .selected.mc-range-second-to-last
  span {
  background-color: #a0dcf9;
}

.statistical-page
  .mpvue-calendar
  .mc-range-mode
  .mc-range-month-first.selected
  .calendar-date,
.statistical-page
  .mpvue-calendar
  .mc-range-mode
  .mc-range-month-last.selected
  .calendar-date {
  background-color: #a0dcf9;
}

.statistical-page .mc-today-element .calendar-date {
  border-radius: 0;
  background-color: unset;
}

.new-users .uni-swiper-dot {
  width: 8px;
  height: 4px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}

.new-users .uni-swiper-dot-active {
  width: 16px;
  height: 4px;
  background: var(--view-theme) !important;
  border-radius: 2px;
}

.pictrue_log {
  width: calc(80 * min(100vw, 480px) / 750);
  height: calc(40 * min(100vw, 480px) / 750);
  border-radius: calc(20 * min(100vw, 480px) / 750) 0 calc(20 * min(100vw, 480px) / 750) 0;
  line-height: calc(40 * min(100vw, 480px) / 750);
  font-size: calc(24 * min(100vw, 480px) / 750);
}

.pictrue_log_class {
  /* background: -webkit-gradient(linear,left top,right top,from(rgba(246,122,56,1)),to(rgba(241,27,9,1))); */
  /* background: linear-gradient(90deg,rgba(246,122,56,1) 0,rgba(241,27,9,1) 100%); */
  background-color: var(--view-theme);
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  text-align: center;
  z-index: 3;
}

.pictrue_log_medium {
  width: calc(80 * min(100vw, 480px) / 750);
  height: calc(44 * min(100vw, 480px) / 750);
  border-radius: calc(20 * min(100vw, 480px) / 750) 0 calc(20 * min(100vw, 480px) / 750) 0;
  line-height: calc(44 * min(100vw, 480px) / 750);
  text-align: center;
  font-size: calc(26 * min(100vw, 480px) / 750);
}

.pictrue_log_big {
  width: calc(100 * min(100vw, 480px) / 750);
  height: calc(46 * min(100vw, 480px) / 750);
  line-height: calc(46 * min(100vw, 480px) / 750);
  border-radius: calc(20 * min(100vw, 480px) / 750) 0 calc(20 * min(100vw, 480px) / 750) 0;
  font-size: calc(28 * min(100vw, 480px) / 750);
}

.spike-box .styleAll {
  background-color: #ffdfdd;
  color: #e93323;
  padding: 0 calc(5 * min(100vw, 480px) / 750);
}

.product-con .nav .time .timeTxt {
  color: #fff;
}

.bg-color-hui {
  background: #bbb !important;
}

.page_content .swiper .uni-swiper-dot {
  width: calc(20 * min(100vw, 480px) / 750) !important;
  height: calc(5 * min(100vw, 480px) / 750) !important;
  border-radius: calc(3 * min(100vw, 480px) / 750);
  background: rgba(0, 0, 0, 0.4) !important;
}

.page_content .swiper .uni-swiper-dot-active {
  width: calc(20 * min(100vw, 480px) / 750) !important;
  border-radius: calc(5 * min(100vw, 480px) / 750) !important;
  background: #fff !important;
}

.pictrue_log_xl {
  background: linear-gradient(
    90deg,
    rgba(246, 122, 56, 1) 0,
    rgba(241, 27, 9, 1) 100%
  );
}

.pictrue_log_xl_gray {
  background: linear-gradient(
    90deg,
    rgba(102, 102, 102, 1) 0,
    rgba(153, 153, 153, 1) 100%
  );
}

.pictrue_log_xl_blue {
  background: linear-gradient(
    90deg,
    rgba(26, 163, 246, 1) 0,
    rgba(24, 192, 244, 1) 100%
  );
}

.flex-aj-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index.bgf .noCommodity {
  border-top: 0;
}

.product-con .red {
  color: #82848f !important;
}

.borderShow {
  position: relative;
}
.borderShow::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px dashed #007aff;
  box-sizing: border-box;
}

uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
  border-color: #d1d1d1;
}
.bg-green {
  background-color: #3cbb45;
}
.bg-theme {
  background-color: var(--view-theme);
}
uni-toast .uni-toast {
  font-size: calc(30 * min(100vw, 480px) / 750);
}

.status_bar {
  height: var(--status-bar-height);
}
.status_bar_red {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--status-bar-height);
  background: #e93323;
}
.eject {
  transform: translate3d(0, 0, 0) !important;
}
.poster-pop .poster-img {
  border-radius: 6px;
}