@react-vant-next/campaign/lib/index.css

React Mobile UI Components based on Vant UI - Next Generation

:root{--rv-coupon-cell-selected-text-color:var(--rv-text-color)}.rv-coupon-cell__value--selected{color:var(--rv-coupon-cell-selected-text-color)}:root{--rv-coupon-margin:0 var(--rv-padding-sm) var(--rv-padding-sm);--rv-coupon-content-height:84px;--rv-coupon-content-padding:14px 0;--rv-coupon-background-color:var(--rv-white);--rv-coupon-active-background-color:var(--rv-active-color);--rv-coupon-border-radius:var(--rv-border-radius-lg);--rv-coupon-box-shadow:0 0 4px rgba(0,0,0,.1);--rv-coupon-head-width:96px;--rv-coupon-amount-color:var(--rv-primary-color);--rv-coupon-amount-font-size:30px;--rv-coupon-currency-font-size:40%;--rv-coupon-name-font-size:var(--rv-font-size-md);--rv-coupon-disabled-text-color:var(--rv-gray-6);--rv-coupon-description-padding:var(--rv-padding-xs) var(--rv-padding-md);--rv-coupon-description-border-color:var(--rv-border-color);--rv-coupon-corner-checkbox-icon-color:var(--rv-primary-color);--rv-coupon-list-background-color:var(--rv-background-color);--rv-coupon-list-field-padding:5px 0 5px var(--rv-padding-md);--rv-coupon-list-exchange-button-height:32px;--rv-coupon-list-close-button-height:40px;--rv-coupon-list-empty-image-size:200px;--rv-coupon-list-empty-tip-color:var(--rv-gray-6);--rv-coupon-list-empty-tip-font-size:var(--rv-font-size-md);--rv-coupon-list-empty-tip-line-height:var(--rv-line-height-md)}.rv-coupon{background-color:var(--rv-coupon-background-color);border-radius:var(--rv-coupon-border-radius);box-shadow:var(--rv-coupon-box-shadow);margin:var(--rv-coupon-margin);overflow:hidden}.rv-coupon:active{background-color:var(--rv-coupon-active-background-color)}.rv-coupon__content{align-items:center;box-sizing:border-box;color:var(--rv-gray-8);display:flex;min-height:var(--rv-coupon-content-height);padding:var(--rv-coupon-content-padding)}.rv-coupon__head{color:var(--rv-coupon-amount-color);min-width:var(--rv-coupon-head-width);padding:0 var(--rv-padding-xs);position:relative;text-align:center}.rv-coupon__amount,.rv-coupon__condition,.rv-coupon__name,.rv-coupon__valid{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rv-coupon__amount{font-size:var(--rv-coupon-amount-font-size);font-weight:var(--rv-font-weight-bold);margin-bottom:6px}.rv-coupon__amount span{font-size:var(--rv-coupon-currency-font-size);font-weight:400}.rv-coupon__amount span:not(:empty){margin-left:2px}.rv-coupon__condition{font-size:var(--rv-font-size-sm);line-height:16px;white-space:pre-wrap}.rv-coupon__body{border-radius:0 var(--rv-coupon-border-radius) var(--rv-coupon-border-radius) 0;flex:1;position:relative}.rv-coupon__name{font-size:var(--rv-coupon-name-font-size);font-weight:700;line-height:var(--rv-line-height-md);margin-bottom:10px}.rv-coupon__valid{font-size:var(--rv-font-size-sm)}.rv-coupon__corner{bottom:0;position:absolute;right:var(--rv-padding-md);top:0}.rv-coupon__corner .rv-checkbox__icon--checked .rv-icon{background-color:var(--rv-coupon-corner-checkbox-icon-color);border-color:var(--rv-coupon-corner-checkbox-icon-color)}.rv-coupon__description{border-top:1px dashed var(--rv-coupon-description-border-color);font-size:var(--rv-font-size-sm);padding:var(--rv-coupon-description-padding)}.rv-coupon--disabled:active{background-color:var(--rv-coupon-background-color)}.rv-coupon--disabled .rv-coupon-item__content{height:calc(var(--rv-coupon-content-height) - 10px)}.rv-coupon--disabled .rv-coupon__head{color:inherit}.rv-coupon-list{background-color:var(--rv-coupon-list-background-color);height:100%;position:relative}.rv-coupon-list__field{padding:var(--rv-coupon-list-field-padding)}.rv-coupon-list__field .rv-field__body{background:var(--rv-gray-1);border-radius:17px;height:34px;line-height:34px;padding-left:var(--rv-padding-sm)}.rv-coupon-list__field .rv-field__body::placeholder{color:var(--rv-gray-5)}.rv-coupon-list__field .rv-field__clear{margin-right:0}.rv-coupon-list__exchange-bar{align-items:center;background-color:var(--rv-white);display:flex}.rv-coupon-list__exchange.rv-button{border:0;flex:none;font-size:var(--rv-font-size-lg);height:var(--rv-coupon-list-exchange-button-height);line-height:calc(var(--rv-coupon-list-exchange-button-height) - 2px)}.rv-coupon-list .rv-tabs__wrap{box-shadow:0 6px 12px -12px var(--rv-gray-6)}.rv-coupon-list__list{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:calc(100vh - 108px);overflow-y:auto;padding:var(--rv-padding-md) 0 var(--rv-padding-lg)}.rv-coupon-list__list--with-bar{height:calc(100vh - 152px)}.rv-coupon-list__list--with-bottom{padding-bottom:50px}.rv-coupon-list__bottom{background-color:var(--rv-white);bottom:0;box-sizing:border-box;font-weight:var(--rv-font-weight-bold);left:0;padding:5px var(--rv-padding-md);position:absolute;width:100%;z-index:999}.rv-coupon-list__close.rv-button{height:var(--rv-coupon-list-close-button-height)}.rv-coupon-list__empty{padding-top:60px;text-align:center}.rv-coupon-list__empty p{color:var(--rv-coupon-list-empty-tip-color);font-size:var(--rv-coupon-list-empty-tip-font-size);line-height:var(--rv-coupon-list-empty-tip-line-height);margin:var(--rv-padding-md) 0}.rv-coupon-list__empty img{height:var(--rv-coupon-list-empty-image-size);width:var(--rv-coupon-list-empty-image-size)}:root{--rv-floating-ball-size:48px;--rv-floating-ball-z-index:8}.rv-floating-ball{bottom:0;position:fixed;right:0;user-select:none;z-index:var(--rv-floating-ball-z-index)}.rv-floating-ball__base{cursor:pointer;height:var(--rv-floating-ball-size);position:relative;width:var(--rv-floating-ball-size)}.rv-floating-ball__menu{opacity:0;transition:all .4s ease;visibility:hidden}.rv-floating-ball__menu__item{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform:translate(0);transition:all .4s ease;width:100%}.rv-floating-ball__menu__item:first-child{transition-delay:0s}.rv-floating-ball__menu__item:nth-child(2){transition-delay:.05s}.rv-floating-ball__menu__item:nth-child(3){transition-delay:.1s}.rv-floating-ball__menu__item:nth-child(4){transition-delay:.15s}.rv-floating-ball__menu__item:nth-child(5){transition-delay:.2s}.rv-floating-ball--active .rv-floating-ball__menu{opacity:1;visibility:visible}.rv-floating-ball--active .rv-floating-ball__menu__item:first-child{transform:translateY(-150%)}.rv-floating-ball--active .rv-floating-ball__menu__item:nth-child(2){transform:translate(-110%,-110%)}.rv-floating-ball--active .rv-floating-ball__menu__item:nth-child(3){transform:translateX(-150%)}.rv-floating-ball--active .rv-floating-ball__menu__item:nth-child(4){transform:translate(-110%,110%)}.rv-floating-ball--active .rv-floating-ball__menu__item:nth-child(5){transform:translateY(150%)}.rv-floating-ball--active .rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(2){transform:translate(110%,-110%)}.rv-floating-ball--active .rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(3){transform:translateX(150%)}.rv-floating-ball--active .rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(4){transform:translate(110%,110%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical .rv-floating-ball__menu__item:first-child{transform:translateY(-600%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical .rv-floating-ball__menu__item:nth-child(2){transform:translateY(-480%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical .rv-floating-ball__menu__item:nth-child(3){transform:translateY(-360%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical .rv-floating-ball__menu__item:nth-child(4){transform:translateY(-240%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical .rv-floating-ball__menu__item:nth-child(5),.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-1 .rv-floating-ball__menu__item:first-child{transform:translateY(-120%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-2 .rv-floating-ball__menu__item:first-child{transform:translateY(-240%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-2 .rv-floating-ball__menu__item:nth-child(2){transform:translateY(-120%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-3 .rv-floating-ball__menu__item:first-child{transform:translateY(-360%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-3 .rv-floating-ball__menu__item:nth-child(2){transform:translateY(-240%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-3 .rv-floating-ball__menu__item:nth-child(3){transform:translateY(-120%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-4 .rv-floating-ball__menu__item:first-child{transform:translateY(-480%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-4 .rv-floating-ball__menu__item:nth-child(2){transform:translateY(-360%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-4 .rv-floating-ball__menu__item:nth-child(3){transform:translateY(-240%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-4 .rv-floating-ball__menu__item:nth-child(4){transform:translateY(-120%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.rv-floating-ball__menu--top .rv-floating-ball__menu__item:first-child{transform:translateY(120%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.rv-floating-ball__menu--top .rv-floating-ball__menu__item:nth-child(2){transform:translateY(240%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.rv-floating-ball__menu--top .rv-floating-ball__menu__item:nth-child(3){transform:translateY(360%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.rv-floating-ball__menu--top .rv-floating-ball__menu__item:nth-child(4){transform:translateY(480%)}.rv-floating-ball--active .rv-floating-ball__menu--vertical.rv-floating-ball__menu--top .rv-floating-ball__menu__item:nth-child(5){transform:translateY(600%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal .rv-floating-ball__menu__item:first-child{transform:translateX(-600%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal .rv-floating-ball__menu__item:nth-child(2){transform:translateX(-480%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal .rv-floating-ball__menu__item:nth-child(3){transform:translateX(-360%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal .rv-floating-ball__menu__item:nth-child(4){transform:translateX(-240%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal .rv-floating-ball__menu__item:nth-child(5),.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-1 .rv-floating-ball__menu__item:first-child{transform:translateX(-120%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-2 .rv-floating-ball__menu__item:first-child{transform:translateX(-240%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-2 .rv-floating-ball__menu__item:nth-child(2){transform:translateX(-120%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-3 .rv-floating-ball__menu__item:first-child{transform:translateX(-360%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-3 .rv-floating-ball__menu__item:nth-child(2){transform:translateX(-240%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-3 .rv-floating-ball__menu__item:nth-child(3){transform:translateX(-120%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-4 .rv-floating-ball__menu__item:first-child{transform:translateX(-480%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-4 .rv-floating-ball__menu__item:nth-child(2){transform:translateX(-360%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-4 .rv-floating-ball__menu__item:nth-child(3){transform:translateX(-240%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-4 .rv-floating-ball__menu__item:nth-child(4){transform:translateX(-120%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.rv-floating-ball__menu--left .rv-floating-ball__menu__item:first-child{transform:translateX(120%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(2){transform:translateX(240%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(3){transform:translateX(360%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(4){transform:translateX(480%)}.rv-floating-ball--active .rv-floating-ball__menu--horizontal.rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(5){transform:translateX(600%)}:root{--rv-floating-panel-z-index:1001;--rv-floating-panel-background-color:#fff;--rv-floating-panel-header-background-color:#fff;--rv-floating-panel-header-padding:8px;--rv-floating-panel-thumb-background-color:#c8c9cc;--rv-floating-panel-thumb-width:20px;--rv-floating-panel-thumb-height:4px}.rv-floating-panel{background-color:var(--rv-floating-panel-background-color);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;touch-action:none;user-select:none;width:100vw;z-index:var(--rv-floating-panel-z-index)}.rv-floating-panel__header{background-color:var(--rv-floating-panel-header-background-color);flex:none;padding:var(--rv-floating-panel-header-padding)}.rv-floating-panel__thumb{background-color:var(--rv-floating-panel-thumb-background-color);border-radius:calc(var(--rv-floating-panel-thumb-height)/2);height:var(--rv-floating-panel-thumb-height);margin:0 auto;width:var(--rv-floating-panel-thumb-width)}.rv-floating-panel__body{flex:1;overflow:scroll;width:100%}:root{--rv-product-card-padding:var(--rv-padding-xs) var(--rv-padding-md);--rv-product-card-font-size:var(--rv-font-size-sm);--rv-product-card-text-color:var(--rv-text-color);--rv-product-card-background-color:var(--rv-background-color-light);--rv-product-card-thumb-size:88px;--rv-product-card-thumb-border-radius:var(--rv-border-radius-lg);--rv-product-card-title-line-height:16px;--rv-product-card-desc-color:var(--rv-gray-7);--rv-product-card-desc-line-height:var(--rv-line-height-md);--rv-product-card-price-color:var(--rv-gray-8);--rv-product-card-origin-price-color:var(--rv-gray-6);--rv-product-card-num-color:var(--rv-gray-6);--rv-product-card-origin-price-font-size:var(--rv-font-size-xs);--rv-product-card-price-font-size:var(--rv-font-size-sm);--rv-product-card-price-integer-font-size:var(--rv-font-size-lg);--rv-product-card-price-font-family:var(--rv-price-integer-font-family)}.rv-product-card{background-color:var(--rv-product-card-background-color);box-sizing:border-box;color:var(--rv-product-card-text-color);font-size:var(--rv-product-card-font-size);padding:var(--rv-product-card-padding);position:relative}.rv-product-card:not(:first-child){margin-top:var(--rv-padding-xs)}.rv-product-card__header{display:flex}.rv-product-card__thumb{flex:none;height:var(--rv-product-card-thumb-size);margin-right:var(--rv-padding-xs);position:relative;width:var(--rv-product-card-thumb-size)}.rv-product-card__thumb img{border-radius:var(--rv-product-card-thumb-border-radius)}.rv-product-card__content{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:var(--rv-product-card-thumb-size);min-width:0;position:relative}.rv-product-card__content--centered{justify-content:center}.rv-product-card__desc,.rv-product-card__title{word-wrap:break-word}.rv-product-card__title{font-weight:var(--rv-font-weight-bold);line-height:var(--rv-product-card-title-line-height);max-height:32px}.rv-product-card__desc{color:var(--rv-product-card-desc-color);line-height:var(--rv-product-card-desc-line-height);max-height:var(--rv-product-card-desc-line-height)}.rv-product-card__bottom{line-height:var(--rv-line-height-md)}.rv-product-card__price{color:var(--rv-product-card-price-color);display:inline-block;font-size:var(--rv-product-card-price-font-size);font-weight:var(--rv-font-weight-bold)}.rv-product-card__price-integer{font-size:var(--rv-product-card-price-integer-font-size)}.rv-product-card__price-decimal,.rv-product-card__price-integer{font-family:var(--rv-product-card-price-font-family)}.rv-product-card__origin-price{color:var(--rv-product-card-origin-price-color);display:inline-block;font-size:var(--rv-product-card-origin-price-font-size);margin-left:5px;text-decoration:line-through}.rv-product-card__num{color:var(--rv-product-card-num-color);float:right}.rv-product-card__tag{left:0;position:absolute;top:2px}.rv-product-card__footer{flex:none;text-align:right}.rv-product-card__footer .rv-button{margin-left:5px}:root{--rv-sku-item-background-color:var(--rv-background-color)}.rv-sku__container.rv-popup{align-items:stretch;background:#fff;display:flex;flex-direction:column;font-size:14px;max-height:80%;min-height:50%;overflow-y:visible}.rv-sku__body{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:44px;overflow-y:scroll}.rv-sku__body::-webkit-scrollbar{display:none}.rv-sku__header{display:flex;flex-shrink:0;margin:0 16px}.rv-sku__header__img-wrap.rv-image{border-radius:4px;flex-shrink:0;height:96px;margin:12px 12px 12px 0;overflow:hidden;width:96px}.rv-sku__header__goods-info{display:flex;flex-direction:column;justify-content:flex-end;padding:12px 20px 12px 0}.rv-sku__header-item{color:#969799;font-size:12px;line-height:16px;margin-top:8px}.rv-sku__price-symbol{font-size:16px;vertical-align:bottom}.rv-sku__price-num{word-wrap:break-word;font-size:22px;font-weight:500;vertical-align:bottom}.rv-sku__goods-price{color:#f44336;margin-left:-2px}.rv-sku__price-tag{border-radius:8px;color:#f44336;display:inline-block;font-size:12px;line-height:16px;margin-left:8px;overflow:hidden;padding:0 5px;position:relative}.rv-sku__price-tag:before{background:currentColor;content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.rv-sku__group-container{padding-top:12px}.rv-sku__group-container--hide-soldout .rv-sku-row__item--disabled{display:none}.rv-sku-row{margin:0 16px 12px}.rv-sku-row:last-child{margin-bottom:0}.rv-sku-row__image-item,.rv-sku-row__item{border-radius:4px;color:var(--rv-gray-8);cursor:pointer;overflow:hidden;position:relative}.rv-sku-row__image-item:before,.rv-sku-row__item:before{background:var(--rv-sku-item-background-color);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.rv-sku-row__image-item--active,.rv-sku-row__item--active{color:#f44336}.rv-sku-row__image-item--active:before,.rv-sku-row__item--active:before{background:currentColor;opacity:.1}.rv-sku-row__item{align-items:center;display:inline-flex;font-size:13px;justify-content:center;line-height:16px;margin:0 12px 12px 0;min-width:40px;vertical-align:middle}.rv-sku-row__item-img.rv-image{border-radius:2px;height:24px;margin:4px 0 4px 4px;object-fit:cover;width:24px;z-index:1}.rv-sku-row__item-name{padding:8px;z-index:1}.rv-sku-row__item--disabled{background:var(--rv-gray-2);color:#c8c9cc;cursor:not-allowed}.rv-sku-row__item--disabled .rv-sku-row__item-img{opacity:.3}.rv-sku-row__image{margin-right:0}.rv-sku-row__image-item{border:1px solid transparent;display:flex;flex-direction:column;margin:0 4px 4px 0;width:110px}.rv-sku-row__image-item:last-child{margin-right:0}.rv-sku-row__image-item-img.rv-image{height:110px;width:100%}.rv-sku-row__image-item-img-icon{background-color:rgba(0,0,0,.4);border-bottom-left-radius:4px;color:#fff;height:18px;line-height:18px;position:absolute;right:0;text-align:center;top:0;width:18px;z-index:3}.rv-sku-row__image-item-name{align-items:center;box-sizing:border-box;display:flex;font-size:12px;height:40px;justify-content:center;line-height:16px;padding:4px;position:relative}.rv-sku-row__image-item-name span{word-wrap:break-word}.rv-sku-row__image-item--active{border-color:currentColor}.rv-sku-row__image-item--disabled{color:#c8c9cc;cursor:not-allowed}.rv-sku-row__image-item--disabled:before{background:var(--rv-gray-2);opacity:.4;z-index:2}.rv-sku-row__title{padding-bottom:12px}.rv-sku-row__title-multiple{color:#969799}.rv-sku-row__scroller{-webkit-overflow-scrolling:touch;margin:0 -16px;overflow-x:scroll;overflow-y:hidden}.rv-sku-row__scroller::-webkit-scrollbar{display:none}.rv-sku-row__row{display:inline-flex;margin-bottom:4px;padding:0 16px}.rv-sku-row__indicator{background:#ebedf0;border-radius:2px;height:4px;width:40px}.rv-sku-row__indicator-wrapper{display:flex;justify-content:center;padding-bottom:16px}.rv-sku-row__indicator-slider{background-color:#f44336;border-radius:2px;height:100%;width:50%}.rv-sku__stepper-stock{line-height:30px;overflow:hidden;padding:12px 16px}.rv-sku__stepper{float:right;padding-left:4px}.rv-sku__stepper-title{float:left}.rv-sku__stepper-quota{color:#f44336;float:right;font-size:12px}.rv-sku__stock{color:#969799;display:inline-block;font-size:12px;margin-right:8px}.rv-sku__stock-num--highlight{color:#f44336}.rv-sku__actions{flex-shrink:0;padding:0 16px}.rv-sku__actions .rv-action-bar{position:relative}.rv-sku__actions .rv-action-bar .rv-button{margin:0}