captain-ui/es/image-ad/index.css

有赞vue wap业务组件库

.cap-image-ad{overflow:hidden;font-size:0}.cap-image-ad--swipe{padding:0}.cap-image-ad--swipe .swipe-title{text-align:left;padding-left:5px}.cap-image-ad__link{display:block;position:relative;height:100%}.cap-image-ad__link--image-nav{font-size:0}.cap-image-ad__slide{width:100%;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:10px;margin-bottom:-10px}.cap-image-ad__slide .image-wrapper{display:inline-block;height:100%;position:relative}.cap-image-ad__slide .cap-image-ad__image{height:100%;width:100%;margin-right:0;margin-left:0}.cap-image-ad__image-nav{white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:10px;margin-bottom:-10px}.cap-image-ad__image-nav .image-wrapper{display:inline-block;vertical-align:middle}.cap-image-ad__image-nav .cap-image-ad__image{background-size:cover;background-position:50%}.cap-image-ad__image-nav .cap-image-ad__nav-title{padding-bottom:9px;height:33px;line-height:24px}.cap-image-ad__text-nav .text-nav-wrapper{display:inline-block;padding:15px 0}.cap-image-ad__text-nav .text-nav-wrapper:last-child .cap-image-ad__nav-title:after{border:0 none}.cap-image-ad__text-nav .cap-image-ad__nav-title{position:relative;height:12px;line-height:12px;font-size:12px;text-align:center}.cap-image-ad__text-nav .cap-image-ad__nav-title:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border-right:1px solid #ccc}.cap-image-ad ::-webkit-scrollbar{display:none}.cap-image-ad .background-center{background-position:50%;background-repeat:no-repeat}.cap-image-ad .hotarea-pic-container{margin:0 auto}.cap-image-ad .transparent__img{opacity:0;width:100%;height:100%}.cap-image-ad .slide-small .cap-image-ad__title{height:20px;font-size:12px;line-height:20px;padding:0}.cap-image-ad__content{position:relative}.cap-image-ad__content--small{width:50%;height:152.5px;float:left;overflow:hidden;box-sizing:border-box;padding-left:0;padding-right:2px}.cap-image-ad__content--small:nth-child(2n){padding-left:2px;padding-right:0}.cap-image-ad__content .image-wrapper{position:relative}.cap-image-ad__image{display:block;width:100%;height:auto;margin:0 auto;border:0}.cap-image-ad .swipe-image-container .cap-image-ad__image,.cap-image-ad .top2end-img-container .cap-image-ad__image{width:100%}.cap-image-ad .hotarea-link{position:absolute;display:block;box-sizing:border-box}.cap-image-ad .hotarea-link-border{border:1px solid #00f}.cap-image-ad__title{position:absolute;bottom:0;left:0;right:0;padding:0;z-index:10;background-color:rgba(51,51,51,.8);color:#fff;font-size:14px;height:30px;line-height:30px}.cap-image-ad__nav-title,.cap-image-ad__title{text-align:center;overflow:hidden;box-sizing:border-box}.cap-image-ad__nav-title{font-size:12px;height:20px;line-height:20px;width:100%;padding-left:5px;padding-right:5px}