.xj-button{border-radius:4px;border:1px solid #dcdfe6;padding:12px 20px;height:42px;font-size:16px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.xj-button:hover{border-color:#dcdfe6;background:#ecf5ff}.xj-button:active,.xj-button:focus{color:#3a8ee6;border-color:#3a8ee6;background:#ecf5ff;outline:none}.xj-button-primary{background:#409eff;border:1px solid #409eff;color:#fff;fill:#fff}.xj-button-success{background:#67c23a;border:1px solid #67c23a;color:#fff;fill:#fff}.xj-button-warning{background:#e6a23c;border:1px solid #e6a23c;color:#fff;fill:#fff}.xj-button-danger{background:#f56c6c;border:1px solid #f56c6c;color:#fff;fill:#fff}.xj-button-info{background:#909399;border:1px solid #909399;color:#fff;fill:#fff}.xj-button-primary:hover{background:#66b1ff;border:1px solid #66b1ff;color:#fff}.xj-button-success:hover{background:#85ce61;border:1px solid #85ce61;color:#fff}.xj-button-warning:hover{background:#ebb563;border:1px solid #ebb563;color:#fff}.xj-button-danger:hover{background:#f78989;border:1px solid #f78989;color:#fff}.xj-button-info:hover{background:#a6a9ad;border:1px solid #a6a9ad;color:#fff}.xj-button-primary:active,.xj-button-primary:focus{background:#3a8ee6;border:1px solid #3a8ee6;color:#fff}.xj-button-success:active,.xj-button-success:focus{background:#5daf34;border:1px solid #5daf34;color:#fff}.xj-button-warning:active,.xj-button-warning:focus{background:#cf9236;border:1px solid #cf9236;color:#fff}.xj-button-danger:active,.xj-button-danger:focus{background:#dd6161;border:1px solid #dd6161;color:#fff}.xj-button-info:active,.xj-button-info:focus{background:#82848a;border:1px solid #82848a;color:#fff}.xj-button .icon{width:16px;height:16px}.xj-button-left svg{order:1;margin-right:4px}.xj-button-left span{order:2}.xj-button-right span{order:1}.xj-button-right svg{order:2;margin-left:4px}.xj-button[disabled],.xj-button[disabled]:active,.xj-button[disabled]:focus,.xj-button[disabled]:hover{cursor:not-allowed;border:1px solid #dcdfe6;background:#ecf5ff;color:#606266}*{padding:0;box-sizing:border-box}.xj-button-group{display:flex;vertical-align:center}.xj-button-group button{border-radius:0}.xj-button-group button:not(first-child){margin-left:-1px}.xj-button-group button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.xj-button-group button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.xj-button-group button:hover{z-index:1}.xj-button-group button:focus{z-index:2}.xj-icon{width:25px;height:25px;vertical-align:middle}.xj-carousel{position:relative}.xj-carousel .viewport{width:100%;height:100%;position:relative;overflow:hidden}.xj-carousel .dots{position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:center}.xj-carousel .dots span{display:inline-block;width:20px;height:6px;background:#ccc;margin:5px;text-indent:-9999px;opacity:.5;border-radius:6px;cursor:pointer}.xj-carousel .dots span.active,.xj-carousel .dots span:hover{opacity:1;background:#fff}.xj-carousel .arrow-box{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between}.xj-carousel .arrow-box svg{fill:hsla(0,0%,100%,.5)}.xj-carousel .arrow-box svg:hover{fill:#fff;cursor:pointer}.xj-carousel-item{width:100%;height:100%}.v-enter-active,.v-leave-active{transition:all .5s linear}.v-leave-to{transform:translateX(-100%)}.v-enter,.v-leave-to.reverse{transform:translateX(100%)}.v-enter.reverse{transform:translateX(-100%)}.v-enter-active{position:absolute;top:0;left:0;width:100%}