/* 原 button 样式 */
.poi-btn{
    display:inline-block;
    line-height:1;
    white-space:nowrap;
    cursor:pointer;
    background:#fff;
    border:1px solid #dcdfe6;
    color:#606266;
    -webkit-appearance:none;
    text-align:center;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:0;
    margin:0;
    -webkit-transition:.1s;
    transition:.1s;
    font-weight:500;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    padding:12px 20px;
    font-size:14px;
    border-radius:4px;
}
.poi-btn:focus,.poi-btn:hover{
    color:#409EFF;
    border-color:#c6e2ff;
    background-color:#ecf5ff
}
.poi-btn:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}
.poi-btn::-moz-focus-inner{border:0}
.poi-btn-success{
    color:#fff;
    background-color:#19CD5E;
    border-color:#19CD5E
}
.poi-btn-success:focus,.poi-btn-success:hover{
    background:#85ce61;
    border-color:#85ce61;
    color:#fff
}
.poi-btn-success.is-active,.poi-btn-success:active{
    background:#5daf34;
    border-color:#5daf34;
    color:#fff
}
.poi-btn-success:active{
    outline:0
}
.poi-btn-success.is-disabled,
.poi-btn-success.is-disabled:active,
.poi-btn-success.is-disabled:focus,
.poi-btn-success.is-disabled:hover{
    color:#fff;
    background-color:#b3e19d;
    border-color:#b3e19d;
}
.poi-btn-success.is-plain{
    color:#67c23a;
    background:#f0f9eb;
    border-color:#c2e7b0;
}
.poi-btn-success.is-plain:focus,
.poi-btn-success.is-plain:hover{
    background:#67c23a;
    border-color:#67c23a;
    color:#fff
}
.poi-btn-success.is-plain:active{
    background:#5daf34;
    border-color:#5daf34;
    color:#fff;
    outline:0;
}
.poi-btn-success.is-plain.is-disabled,
.poi-btn-success.is-plain.is-disabled:active,
.poi-btn-success.is-plain.is-disabled:focus,
.poi-btn-success.is-plain.is-disabled:hover{
    color:#a4da89;
    background-color:#f0f9eb;
    border-color:#e1f3d8
}
.poi-btn-warning{
    color:#fff;
    background-color:#e6a23c;
    border-color:#e6a23c;
}
.poi-btn-warning:focus,
.poi-btn-warning:hover{
    background:#ebb563;
    border-color:#ebb563;
    color:#fff;
}
.poi-btn-warning.is-active,
.poi-btn-warning:active{
    background:#cf9236;
    border-color:#cf9236;
    color:#fff;
}
.poi-btn-warning:active{
    outline:0;
}
.poi-btn-warning.is-disabled,
.poi-btn-warning.is-disabled:active,
.poi-btn-warning.is-disabled:focus,
.poi-btn-warning.is-disabled:hover{
    color:#fff;
    background-color:#f3d19e;
    border-color:#f3d19e;
}
.poi-btn-warning.is-plain{
    color:#e6a23c;
    background:#fdf6ec;
    border-color:#f5dab1;
}
.poi-btn-warning.is-plain:focus,
.poi-btn-warning.is-plain:hover{
    background:#e6a23c;
    border-color:#e6a23c;
    color:#fff;
}
.poi-btn-warning.is-plain:active{
    background:#cf9236;
    border-color:#cf9236;
    color:#fff;
    outline:0;
}
.poi-btn-warning.is-plain.is-disabled,
.poi-btn-warning.is-plain.is-disabled:active,
.poi-btn-warning.is-plain.is-disabled:focus,
.poi-btn-warning.is-plain.is-disabled:hover{
    color:#f0c78a;
    background-color:#fdf6ec;
    border-color:#faecd8;
}
.poi-btn-danger{
    color:#fff;
    background-color:#f56c6c;
    border-color:#f56c6c;
}
.poi-btn-danger:focus,
.poi-btn-danger:hover{
    background:#f78989;
    border-color:#f78989;
    color:#fff;
}
.poi-btn-danger.is-active,
.poi-btn-danger:active{
    background:#dd6161;
    border-color:#dd6161;
    color:#fff;
}
.poi-btn-danger:active{
    outline:0;
}
.poi-btn-danger.is-disabled,
.poi-btn-danger.is-disabled:active,
.poi-btn-danger.is-disabled:focus,
.poi-btn-danger.is-disabled:hover{
    color:#fff;
    background-color:#fab6b6;
    border-color:#fab6b6;
}
.poi-btn-danger.is-plain{
    color:#f56c6c;
    background:#fef0f0;
    border-color:#fbc4c4;
}
.poi-btn-danger.is-plain:focus,
.poi-btn-danger.is-plain:hover{
    background:#f56c6c;
    border-color:#f56c6c;
    color:#fff;
}
.poi-btn-danger.is-plain:active{
    background:#dd6161;
    border-color:#dd6161;
    color:#fff;
    outline:0;
}
.poi-btn-danger.is-plain.is-disabled,
.poi-btn-danger.is-plain.is-disabled:active,
.poi-btn-danger.is-plain.is-disabled:focus,
.poi-btn-danger.is-plain.is-disabled:hover{
    color:#f9a7a7;
    background-color:#fef0f0;
    border-color:#fde2e2;
}
.poi-btn-info{
    color:#fff;
    background-color:#909399;
    border-color:#909399;
}
.poi-btn-info:focus,
.poi-btn-info:hover{
    background:#a6a9ad;
    border-color:#a6a9ad;
    color:#fff;
}
.poi-btn-info.is-active,
.poi-btn-info:active{
    background:#82848a;
    border-color:#82848a;
    color:#fff;
}
.poi-btn-info:active{outline:0}
.poi-btn-info.is-disabled,
.poi-btn-info.is-disabled:active,
.poi-btn-info.is-disabled:focus,
.poi-btn-info.is-disabled:hover{
    color:#fff;
    background-color:#c8c9cc;
    border-color:#c8c9cc
}
.poi-btn-info.is-plain{
    color:#909399;
    background:#f4f4f5;
    border-color:#d3d4d6
}
.poi-btn-info.is-plain:focus,
.poi-btn-info.is-plain:hover{
    background:#909399;
    border-color:#909399;
    color:#fff
}
.poi-btn-info.is-plain:active{
    background:#82848a;
    border-color:#82848a;
    color:#fff;
    outline:0
}
.poi-btn-info.is-plain.is-disabled,
.poi-btn-info.is-plain.is-disabled:active,
.poi-btn-info.is-plain.is-disabled:focus,
.poi-btn-info.is-plain.is-disabled:hover{
    color:#bcbec2;
    background-color:#f4f4f5;
    border-color:#e9e9eb;
}
.poi-btn-primary{
    color:#fff;
    background-color:#409EFF;
    border-color:#409EFF;
}
.poi-btn-primary:focus,
.poi-btn-primary:hover{
    background:#66b1ff;
    border-color:#66b1ff;
    color:#fff
}
.poi-btn-primary.is-active,
.poi-btn-primary:active{
    background:#3a8ee6;
    border-color:#3a8ee6;
    color:#fff;
}
.poi-btn-primary:active{outline:0}
.poi-btn-primary.is-disabled,
.poi-btn-primary.is-disabled:active,
.poi-btn-primary.is-disabled:focus,
.poi-btn-primary.is-disabled:hover{
    color:#fff;
    background-color:#a0cfff;
    border-color:#a0cfff;
}
.poi-btn-primary.is-plain{
    color:#409EFF;
    background:#ecf5ff;
    border-color:#b3d8ff;
}
.poi-btn-primary.is-plain:focus,
.poi-btn-primary.is-plain:hover{
    background:#409EFF;
    border-color:#409EFF;
    color:#fff;
}
.poi-btn-primary.is-plain:active{
    background:#3a8ee6;
    border-color:#3a8ee6;
    color:#fff;
    outline:0;
}
.poi-btn-primary.is-plain.is-disabled,
.poi-btn-primary.is-plain.is-disabled:active,
.poi-btn-primary.is-plain.is-disabled:focus,
.poi-btn-primary.is-plain.is-disabled:hover{
    color:#8cc5ff;
    background-color:#ecf5ff;
    border-color:#d9ecff;
}

.poi-btn-text{
    color:#409EFF;
    background:0 0;
    padding-left:0;
    padding-right:0;
}
.poi-btn-text:focus,
.poi-btn-text:hover{
    color:#66b1ff;
    border-color:transparent;
    background-color:transparent;
}
.poi-btn-text:active{
    color:#3a8ee6;
    background-color:transparent;
}

.poi-btn-text,
.poi-btn-text.is-disabled,
.poi-btn-text.is-disabled:focus,
.poi-btn-text.is-disabled:hover,
.poi-btn-text:active
{border-color:transparent;
}


.poi-btn-mini,
.poi-btn-small{
    font-size:12px;
    border-radius:3px;
}
.poi-btn-medium.is-round{
    padding:10px 20px
}
.poi-btn-medium.is-circle{
    padding:10px
}
.poi-btn-small,
.poi-btn-small.is-round{
    padding:9px 15px;
}
.poi-btn-small.is-circle{
    padding:9px
}
.poi-btn-mini,
.poi-btn-mini.is-round{
    padding:7px 15px;
}
.poi-btn-mini.is-circle{
    padding:7px;
}