captain-ui/lib/coupon/index.css

有赞vue wap业务组件库

.cap-coupon{width:100%;overflow-x:auto;-webkit-user-select:none;user-select:none;background-color:#fff;-webkit-overflow-scrolling:touch}.cap-coupon--preview{overflow-x:hidden}.cap-coupon__track{width:100%;padding:10px 15px;overflow:hidden;box-sizing:border-box}.cap-coupon__item,.cap-coupon__track{display:-webkit-box;display:-webkit-flex;display:flex}.cap-coupon__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#fff;float:left;width:110px;height:70px;line-height:1;position:relative;border-radius:4px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background:-webkit-linear-gradient(left,#ff6565,#ff8c8c);background:linear-gradient(90deg,#ff6565,#ff8c8c)}.cap-coupon__item:not(:last-child){margin-right:10px}.cap-coupon__item--disabled{background:#d3d6d9}.cap-coupon__item:after,.cap-coupon__item:before{content:"";top:50%;z-index:1;width:10px;height:10px;border-radius:50px;margin-top:-5px;position:absolute;background-color:#fafafa}.cap-coupon__item:before{left:-5px}.cap-coupon__item:after{right:-5px}.cap-coupon__item--one{height:95px;padding-right:100px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.cap-coupon__item--one .cap-coupon__price{font-size:48px}.cap-coupon__item--one .cap-coupon__price span:first-child,.cap-coupon__item--one .cap-coupon__price span:last-child{font-size:20px}.cap-coupon__item--one .cap-coupon__desc{font-size:20px;margin:0 0 0 10px}.cap-coupon__item--one .cap-coupon__desc div:last-child{font-size:14px;margin-top:10px}.cap-coupon__item--one:after,.cap-coupon__item--one:before{width:20px;height:20px;margin-top:-10px}.cap-coupon__item--one:before{left:-10px}.cap-coupon__item--one:after{right:-10px}.cap-coupon__item--two{height:75px}.cap-coupon__item--two .cap-coupon__price{font-size:36px}.cap-coupon__item--two .cap-coupon__price span:first-child,.cap-coupon__item--two .cap-coupon__price span:last-child{font-size:14px}.cap-coupon__receive{position:absolute;top:0;right:0;width:100px;font-size:14px;line-height:95px;text-align:center}.cap-coupon__receive:after{border-left-style:dashed}.cap-coupon__price{font-size:30px}.cap-coupon__price span:first-child{margin-right:1px}.cap-coupon__price span:first-child,.cap-coupon__price span:last-child{font-size:12px}.cap-coupon__desc{font-size:12px;margin-top:4px}.cap-coupon__disabled-text,.cap-coupon__disabled-text-wrap{width:40px;height:40px;position:absolute}.cap-coupon__disabled-text-wrap{top:0;right:0;overflow:hidden;border-radius:inherit}.cap-coupon__disabled-text{top:-9px;right:-3px;line-height:50px;border:1px solid #9e9e9e;border-radius:20px;-webkit-transform:rotate(30deg);transform:rotate(30deg);color:#9e9e9e;text-align:center;font-size:12px}