h_ui/dist/lib/theme-chalk/carousel.css

A Vue.js 2.0 UI Components Framework

@charset "UTF-8";.verify-tip{display:block;font-family:"Helvetica Neue",helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;letter-spacing:normal;opacity:100;position:absolute;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:nowrap;word-break:nowrap;word-spacing:normal;word-wrap:nowrap;line-height:24px;z-index:9}.verify-tip.verify-top{top:-31px}.verify-tip>.verify-tip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.verify-tip.verify-top>.verify-tip-arrow{border-top-color:#f5222d;border-width:5px 5px 0;left:50%;margin-left:-5px;bottom:-5px}.classic-blue .verify-tip.verify-top>.verify-tip-arrow{border-top-color:#f14658}.night-black .verify-tip.verify-top>.verify-tip-arrow{border-top-color:#f14658}.verify-tip.verify-bottom{margin-top:2px;padding:5px 0}.verify-tip>.verify-tip-inner{background-color:#f5222d;border-radius:4px;color:#fff;max-width:200px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.classic-blue .verify-tip>.verify-tip-inner{background-color:#f14658}.night-black .verify-tip>.verify-tip-inner{background-color:#f14658}.classic-blue .verify-tip>.verify-tip-inner{color:#fff}.night-black .verify-tip>.verify-tip-inner{color:#fff}.verify-tip.verify-bottom>.verify-tip-arrow{border-bottom-color:#f5222d;border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}.classic-blue .verify-tip.verify-bottom>.verify-tip-arrow{border-bottom-color:#f14658}.night-black .verify-tip.verify-bottom>.verify-tip-arrow{border-bottom-color:#f14658}.verify-tip.bottom>.verify-tip-inner{background-color:#f5222d;border-radius:4px;color:#fff;max-width:200px;padding:0 8px;text-align:center;margin-top:-1px}.classic-blue .verify-tip.bottom>.verify-tip-inner{background-color:#f14658}.night-black .verify-tip.bottom>.verify-tip-inner{background-color:#f14658}.classic-blue .verify-tip.bottom>.verify-tip-inner{color:#fff}.night-black .verify-tip.bottom>.verify-tip-inner{color:#fff}.h-carousel{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.h-carousel-list,.h-carousel-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.h-carousel-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.h-carousel-track{position:relative;top:0;left:0;display:block;overflow:hidden;z-index:1}.h-carousel-item{float:left;height:100%;min-height:1px;display:block}.h-carousel-arrow{border:none;outline:0;padding:0;margin:0;width:36px;height:36px;border-radius:50%;cursor:pointer;display:none;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.2s;transition:.2s;background-color:rgba(31,45,61,.11);color:#fff;text-align:center;font-size:1em;font-family:inherit;line-height:inherit}.classic-blue .h-carousel-arrow{background-color:rgba(51,51,51,.3)}.night-black .h-carousel-arrow{background-color:rgba(255,255,255,.3)}.classic-blue .h-carousel-arrow{color:#fff}.night-black .h-carousel-arrow{color:#fff}.h-carousel-arrow:hover{background-color:rgba(31,45,61,.5)}.classic-blue .h-carousel-arrow:hover{background-color:rgba(51,51,51,.4)}.night-black .h-carousel-arrow:hover{background-color:rgba(255,255,255,.4)}.h-carousel-arrow>*{vertical-align:baseline}.h-carousel-arrow.left{left:16px}.h-carousel-arrow.right{right:16px}.h-carousel-arrow-always{display:inherit}.h-carousel-arrow-hover{display:inherit;opacity:0}.h-carousel:hover .h-carousel-arrow-hover{opacity:1}.h-carousel-dots{z-index:10;display:none;position:relative;list-style:none;text-align:center;padding:0;width:100%;height:17px}.h-carousel-dots-inside{display:block;position:absolute;bottom:3px}.h-carousel-dots-outside{display:block;margin-top:3px}.h-carousel-dots li{position:relative;display:inline-block;vertical-align:top;text-align:center;margin:0 2px;padding:7px 0;cursor:pointer}.h-carousel-dots li button{border:0;cursor:pointer;background:#8391a5;opacity:.3;display:block;width:16px;height:3px;border-radius:1px;outline:0;font-size:0;color:transparent;-webkit-transition:all .5s;transition:all .5s}.classic-blue .h-carousel-dots li button{background-color:rgba(51,51,51,.3)}.night-black .h-carousel-dots li button{background-color:rgba(255,255,255,.3)}.classic-blue .h-carousel-dots li button{opacity:1}.night-black .h-carousel-dots li button{opacity:1}.h-carousel-dots li:hover>button{opacity:.7}.classic-blue .h-carousel-dots li:hover>button{opacity:1}.night-black .h-carousel-dots li:hover>button{opacity:1}.classic-blue .h-carousel-dots li:hover>button{background-color:rgba(51,51,51,.4)}.night-black .h-carousel-dots li:hover>button{background-color:rgba(255,255,255,.4)}.h-carousel-dots li.h-carousel-active>button{opacity:1;width:24px}.classic-blue .h-carousel-dots li.h-carousel-active>button{opacity:1}.night-black .h-carousel-dots li.h-carousel-active>button{opacity:1}.classic-blue .h-carousel-dots li.h-carousel-active>button{background-color:rgba(51,51,51,.6)}.night-black .h-carousel-dots li.h-carousel-active>button{background-color:rgba(255,255,255,.6)}