captain-ui/lib/paid-content/index.css

有赞vue wap业务组件库

.paid-content-container{position:relative;background-color:#fff}.paid-content__header{position:relative;height:44px;padding:0 15px;line-height:44px}.paid-content__title{margin:0;color:#000;line-height:44px;font-size:15px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.paid-content__view-all{float:right;margin-left:10px;font-size:12px;color:#999;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.paid-content__view-all .van-icon-arrow{font-size:8px;margin-left:4px}.paid-content__no-data-page{padding:20px 0;background-color:#fff;text-align:center}.paid-content__no-data-page>p{color:#666;font-size:14px}.paid-content__list-item{position:relative;display:block;padding:15px;height:70px}.paid-content__img-wrap{position:relative;float:left;width:110px;height:70px;border-radius:3px;overflow:hidden}.paid-content__img-wrap:after{content:"";position:absolute;bottom:5px;right:5px;width:20px;height:20px;background-size:20px 20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAALGPC/xhBQAABR9JREFUWAnNWUtIY1cYzsPH+MI0QesMdkSttaDgG9oRFNFVrciAmyndqnQh6HJW4qqLLhREfG1FF12I4KILxYqknY3iE7sJPmbUseMkPhI1ZmLm+25zw/Xm3pOkdWwOhPP4H+e7/zn/f/5zYjT8y9LR0fE4EAh8A/FCo9FoQ21F30p16DtROdF/j9qB/quxsbEj0mItxlgEuru7LVdXV9/f3t5+C7mnsciCd99kMv2ZkpIyOzAwcBqtbFQAe3p6Ujwez3NY5DkUP4pWuQ7fNSw6nZaWNt3f33+lwxMajgiwvb39GRT+BHCWkNQ9NKDzFDqHx8fH/xCp0wUIYWNnZ+cL1C9ECv4rDUCnRkdHp1AHtHRpAuzq6kr2er09AFerJXTfYwBnT05O7h8cHPSqdZvUA7TcQ4Lj/DREcM4wg5nVAI+Ojn6AwHfq8QfoP52dnTUsLy9vKOe6g5gOAeJLJYOoDU80l5WV2fLz8y1WqzUVISSR/AhFPqfTebmzs3O6trb2HhHAL9Kjov2sdJwQwGAoGYP1Inprenp6QmNjY255efmTxMTEsG2inNDn892urq4ezs/Pv3G73R+UNK02vRsf3iGHoASZKRjnIoIrLS21tLa2fg1rhWRPTk48x8fHF2dnZ14EcUNGRkZSbm5ups1mS+UH1NTU5EIuZ2Zm5q/NzU1hkKaBiAW4JolNsiBPCAyOoy8MwvX19Y+bmpp4tBn8fr9he3v77cLCwhuAu6YydcnKykpuaGj4oqSk5HOz2WzE5Ia5uTnH4uJipGPvGlZs54kjOQn2URuEy9UTKPuVlZW25ubmrwgOH3MzOTm5sbS09BZt3WW7vLz0b21tOff29lxFRUWfIZQkFBQUWGFpD5xRdIokwAA+OMy6tH+CZ6sSz502HCCppaWlmOCwj7wIrKsOh8N9h0nQgbO4R0ZGVi8uLrzUQV3UKRAxyJjMzErA+KOIua2t7cvs7Ox0fFVgYmJiA1+vuaQiHYhzt7u7u6cVFRU53JcEuL6+zmxHr2RWV1f/bsLSMmXSLTk5OY+Ki4uzyACFR5jEo8scgXBwcHC5srJyQDbqpG6RCLFxiQtFTFVVVdmk0ymwwV+LeKOh0amwfNK5K+sWyBWasCeYbOqWvLy8TBLhqefY3D5dxigJ2IcfDg8Pz8gu69YTJTZaUMqC9ZgsFksqadh3F3o8sY5jqc8pI+sWyFu5B4UA5ePr/Pz8RqAoJhIigbQSsm49YWLjEmvmYbIQwwILjqxYzlNZXLNmNCBB1q3J9A89wCV26THEwbiL5ylvYE+iBdPb2/tMThCYCPT19QlT9lj5VTic3IOiYKniNxhkcCQo22GMwQElj7Ktx68cJzYusUM5GGdtB53kVZyBCsEhNlPwxr8fGo2fxj6xSUknb/w4fjRfCoaHh5eJ2eVy3VscRBr1DtmQdJro2YOYSJMAImDOIq9rRT/s8EbUF+VtevqF45jLj59I7zUxUQmdxMDMFes9zXY8FGKR328kgATFtxIQhPeFhwBPDMQizxW61XEgmmtnbW1tdlJSknRVuLm58dvt9r9lZVp1rPzQoX3tlJUjw+bF/ZO+x8hzqWtYbwqeK93mZFpoieWB4EOOXe4/VA1wds6tni8MIBgDfMihgJr5U/U5V3DOsMzqzh5UAsAyx+/zmxLo//2AKXmjEpC6jVvY67q6ut+QWvGCXoRf6MlDzRtln0/AvyKU/DI0NLQTSUZ3ibUE4/YRXQvsQ/0N8RGE3Wf3dZ5KhwAAAABJRU5ErkJggg==")}.paid-content__list-item--imgtext .paid-content__img-wrap:after{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAALGPC/xhBQAAA/9JREFUWAnNWUtLW0EYTVKbmColmizaCiK1xUWJgmbRp123FooLBbssqLgQDPgT3FWIIFLUrVTQhZsYunJnE9oqaOhCWilNsSGQaqixSaqYnnPJjTf3YRK9XjNwmZnvefLN65uJ2XTGMjAwcDObzd6HerPZbHairke/nubQ30W1i/5v1Nvoh2ZmZqLklVvM5SiMjIw4UqnUi+Pj4wfQayxHF7IRi8UStNvt/omJiUSpuiUB9Hq99oODg25EpBuGq0s1riGXRkSXampqlnw+X0pDJk8uCrC/v/8hDA4BnCOvpUMDNhOw+XZ2dvbDaeY0AULZPDg42Ie67zQD5+UB6Pz09PQ86qyaLVWAw8PDtkwm4wW4R2pKetMAbtVms/kmJyczctsWOYGRMxIc/TMQOZ+KgF2RA4xGo6+g8FxON6Df6Pf7TWtra2GprwKAXBBgDkkFDG67Ozo6fqyvr/8U/eaHmFsJ5sJlghMwEQOxiACrxEZun1NsJW63u66rq+tObW2tTZTVo04mk5nl5eVv4XB4T2oP08tBLKC9I12IIE8IMEhUFIC7qzc4OqFN2lY4BIFYiIk8IYI8vtBWPSFgyEpBsSQSibTYVqsdDkc17B1hVR5p8UW63LZIR00bxDQnAMydrRK+dnN8fPyzNtdkGhsbexwMBiMrKyu/1OTIV6PLaTlMcxZmJWCWe/DL7V1Ev5HYqjDeTJl0LS6X61pra2vdeY0SG4e4+byG5PoAd4OfnH6GfrMF+w6TzYosxMYIClmwngh3dnb+xOPxpJrNtra2W2p0DVo956DuALe2tuJaq7gcgMTGIVbNwzR+kaFkYuMQ86jJn33FEPT09NwuJtPS0uJyOp2qG38xXRl/jwB5Ayt5XpQyRA0NDdf5yZydpbtrwTjzaliRhdgYwW18T0tFuLCw8KVUWTW53t7ee2p0Ddp2FSZiCEhfawgoyJubmwXpkUKgCAEAi0icsInNkrvxR07IFdOKEBuH2MQbP7KHkhKG0dFRjxE/gZjoRwDI5whksS/RV2wNyHz/SfM25nt6AaRtDVtpYiJPuDSFQqG0x+O5ir5brrC/v/+3qanJYbVaCy5Ycrly+wQXCAS+xmIxRQKMubc4NTX1iTaFCLLBtxJE8RkWTMG9ZGNjYw/fR8oYUQAuQSyir3xUEMWj9vb2GBhPROYl1T5E77voOw+QBN5HMdS83SuGWlS4yBrRm8djUkDqQ7jVSQm5h5xVKc2INsCt0rfclwIgBLN8yKGCXPii+vSV86nIrBSPNSIILJbKfX4TQbK+7AfMgkUiBSa2uXA6OzvfHx4e8iLOl4D81iTKlFnzCXgRW8kb6WrVsqE5xGoKFfuIrgbWqL8h/gPbl6eNHE2E0gAAAABJRU5ErkJggg==")}.paid-content__item-img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%}.paid-content__item-detail{padding-left:10px;overflow:hidden}.paid-content__item-title{margin:0;font-size:14px;font-weight:700;line-height:14px;color:#000}.paid-content__item-info,.paid-content__item-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.paid-content__item-info,.paid-content__item-summary{margin-top:6px;line-height:18px;font-size:12px;color:#999;word-wrap:break-word;word-break:break-all}.paid-content__item-summary{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.paid-content__subscription{position:absolute;left:135px;bottom:15px;margin-top:10px;line-height:17px;font-size:10px;color:#999}.paid-content__subscription-divider{position:relative;margin:0 2px;top:-1px;color:#e5e5e5}.paid-content__price{position:absolute;right:15px;bottom:15px;font-size:12px;line-height:17px;color:#f44}.paid-content__price--purchased{color:#999}.paid-content__price--free{color:#55d10e}.paid-content__vip-price-tag{position:absolute;right:15px;bottom:33px;padding:3px 5px;background-color:#ffeded;font-size:8px;border-radius:2px 2px 0;color:#f44}.paid-content__vip-price-tag .paid-column__vip-price-tag-triangle{position:absolute;right:0;bottom:-3px;width:0;height:0;border-style:solid;border-width:0 3px 3px 0;border-color:transparent #ffeded transparent transparent}