@charset "UTF-8";.jdd-carousel{overflow:hidden;position:relative}.jdd-carousel:after{clear:both;content:"";font-size:0;display:block;visibility:hidden}.jdd-carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.jdd-carousel-item--card{opacity:.8;width:50%}.jdd-carousel-item--card.is-active{position:absolute;z-index:10;opacity:1}.jdd-carousel-bar{height:3px;position:absolute;z-index:100}.jdd-carousel-bar--bottom,.jdd-carousel-bar--top{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.jdd-carousel-bar--top{top:20px}.jdd-carousel-bar--bottom{bottom:20px}.jdd-carousel-bar--left{left:20px;top:50%;-webkit-transform:translate(-50%) rotate(90deg);transform:translate(-50%) rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.jdd-carousel-bar--right{right:20px;top:50%;-webkit-transform:translate(50%) rotate(90deg);transform:translate(50%) rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.jdd-carousel-bar-item{width:14px;height:3px;border-radius:3px;background-color:rgba(255,255,255,.3);display:inline-block;margin:0 10px;vertical-align:top;-webkit-transition:all .3s;transition:all .3s;line-height:3px;cursor:pointer}.jdd-carousel-bar-item.active{background-color:#FFF;-webkit-transform:scaleX(1.8);transform:scaleX(1.8);-webkit-transform-origin:center;transform-origin:center}.jdd-carousel-arrow{width:100%;height:40px;top:50%;padding:0 20px;left:50%;position:absolute;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.jdd-carousel-arrow-left,.jdd-carousel-arrow-right{width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;background:rgba(0,0,0,.1);color:#FFF;cursor:pointer}.jdd-carousel-arrow-left:hover,.jdd-carousel-arrow-right:hover{background:rgba(0,0,0,.3)}.jdd-carousel-arrow-left .jdd-icon-arrow-left,.jdd-carousel-arrow-left .jdd-icon-arrow-right,.jdd-carousel-arrow-right .jdd-icon-arrow-left,.jdd-carousel-arrow-right .jdd-icon-arrow-right{font-size:12px;font-weight:700}.jdd-carousel-arrow-left{float:left}.jdd-carousel-arrow-right{float:right}