/**
 * @Author zc 
 * @Date 2018-09-25 10:49:26 
 * @Email 237350543@qq.com 
 * @Github https://github.com/ZCreturn0/ZC-UI 
 */

 *{margin: 0;padding: 0;}

::-webkit-scrollbar{width: 6px;}
::-webkit-scrollbar-thumb{border-radius: 5px;background-color: hsla(220,4%,58%,.5);transition: background-color .3s;}
::-webkit-scrollbar-thumb:hover{background-color: rgb(107, 105, 105);}
::-webkit-scrollbar-track{background-color: transparent;}

.zc_table{color: #333;border-collapse:collapse;margin-top: 10px;width: 100%;border: 1px solid #ccc;}
.zc_th,.zc_td{text-align: center;padding: 15px 0;}
.zc_tr:nth-child(even){background: #fff;border-top: 1px solid #ccc;}
.zc_tr:nth-child(odd){background: #fff;border-top: 1px solid #ccc;}
.zc_caption_tr{background: rgb(0, 152, 221) !important;color: #fff;}
.zc_border{border: 1px solid grey;}
.pager{width: 80%;margin: 50px auto 20px;display: flex;justify-content: space-around;}
.pager-node{background: #f4f4f5;padding: 5px 10px;cursor: pointer;border-radius: 5px;color: #606266;font-weight: bold;}
.pager-node:hover{color: #409eff;}
.pager-selected{background: #409eff;color: #fff;}
.pager-selected:hover{background: #409eff;color: #fff;}
.disabled{cursor: not-allowed;color: #ccc;}
.disabled:hover{color: #ccc;}
.total{background: #fff;padding: 5px 10px;border-radius: 5px;color: #606266;font-weight: bold;}
.jump{border-radius: 5px;color: #606266;font-weight: bold;transform: translateY(4px);}
.jump-input{
    display: inline-block;
    outline-style: none ;
    outline-width: 0px ;
    border-style: none ;
    text-shadow: none ;
    -webkit-appearance: none ;
    outline-color: transparent ;
    box-shadow: none;
    width: 50px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.jump-input:hover{border-color: #94969e;}
.jump-input:focus{border: #409eff 1px solid;}
.more-pre,.more-next{line-height: 20px;position: relative;top: 2px;}

.zc_btn{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-color: #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    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;
}
.zc_btn>.icon{font-size: 14px;}
.zc_btn>.icon::after{content: ' ';}

.zc_btn[round]{border-radius: 20px;padding: 12px 23px;}
.zc_btn[disabled]{cursor:not-allowed;}
.zc_btn[medium]{padding: 10px 20px;font-size: 14px;border-radius: 4px;}
.zc_btn[small]{padding: 9px 15px;font-size: 12px;border-radius: 3px;}
.zc_btn[mini]{padding: 7px 15px;font-size: 12px;border-radius: 3px;}
.zc_btn[round]{border-radius: 20px;}
.zc_btn[round][medium]{border-radius: 18px;}
.zc_btn[round][small]{border-radius: 16px;}
.zc_btn[round][mini]{border-radius: 14px;}

.zc_btn_default:hover{color: #409eff;border-color: #c6e2ff;background-color: #ecf5ff;}
.zc_btn_default[disabled]{color: #c0c4cc;background-image: none;background-color: #fff;border-color: #ebeef5;}
.zc_btn_primary{color: #fff;background-color: #409eff;border-color: #409eff;}
.zc_btn_primary:hover{background: #66b1ff;border-color: #66b1ff;color: #fff;}
.zc_btn_primary[disabled]{color: #fff;background-color: #a0cfff;border-color: #a0cfff;}
.zc_btn_success{color: #fff;background-color: #67c23a;border-color: #67c23a;}
.zc_btn_success:hover{background: #85ce61;border-color: #85ce61;color: #fff;}
.zc_btn_success[disabled]{color: #fff;background-color: #b3e19d;border-color: #b3e19d;}
.zc_btn_info{color: #fff;background-color: #909399;border-color: #909399;}
.zc_btn_info:hover{background: #a6a9ad;border-color: #a6a9ad;color: #fff;}
.zc_btn_info[disabled]{color: #fff;background-color: #c8c9cc;border-color: #c8c9cc;}
.zc_btn_warning{color: #fff;background-color: #e6a23c;border-color: #e6a23c;}
.zc_btn_warning:hover{background: #ebb563;border-color: #ebb563;color: #fff;}
.zc_btn_warning[disabled]{color: #fff;background-color: #f3d19e;border-color: #f3d19e;}
.zc_btn_danger{color: #fff;background-color: #f56c6c;border-color: #f56c6c;}
.zc_btn_danger:hover{background: #f78989;border-color: #f78989;color: #fff;}
.zc_btn_danger[disabled]{color: #fff;background-color: #fab6b6;border-color: #fab6b6;}

.zc_btn_default_plain:hover{background: #fff;border-color: #409eff;color: #409eff;}
.zc_btn_default_plain[disabled]{background-color: #fff;border-color: #ebeef5;color: #c0c4cc;}
.zc_btn_primary_plain{color: #409eff;background: #ecf5ff;border-color: #b3d8ff;}
.zc_btn_primary_plain:hover{background: #409eff;border-color: #409eff;color: #fff;}
.zc_btn_primary_plain[disabled]{color: #8cc5ff;background-color: #ecf5ff;border-color: #d9ecff;}
.zc_btn_success_plain{color: #67c23a;background: #f0f9eb;border-color: #c2e7b0;}
.zc_btn_success_plain:hover{background: #67c23a;border-color: #67c23a;color: #fff;}
.zc_btn_success_plain[disabled]{color: #a4da89;background-color: #f0f9eb;border-color: #e1f3d8;}
.zc_btn_info_plain{color: #909399;background: #f4f4f5;border-color: #d3d4d6;}
.zc_btn_info_plain:hover{background: #909399;border-color: #909399;color: #fff;}
.zc_btn_info_plain[disabled]{color: #bcbec2;background-color: #f4f4f5;border-color: #e9e9eb;}
.zc_btn_warning_plain{color: #e6a23c;background: #fdf6ec;border-color: #f5dab1;}
.zc_btn_warning_plain:hover{background: #e6a23c;border-color: #e6a23c;color: #fff;}
.zc_btn_warning_plain[disabled]{color: #f0c78a;background-color: #fdf6ec;border-color: #faecd8;}
.zc_btn_danger_plain{color: #f56c6c;background: #fef0f0;border-color: #fbc4c4;}
.zc_btn_danger_plain:hover{background: #f56c6c;border-color: #f56c6c;color: #fff;}
.zc_btn_danger_plain[disabled]{color: #f9a7a7;background-color: #fef0f0;border-color: #fde2e2;}

.zc_btn_icon{border-radius: 50%;padding: 10px;}

@keyframes loadingRotate{
    0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
    100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
.zc_loading{position: fixed;width: 100vw;height: 100vh;line-height: 100vh;font-size: 20px;text-align: center;cursor: default;color: #409eff;z-index: 999999;background: rgba(0,0,0,0.7);top: 0;left: 0;}
.zc_icon_rotate{animation:loadingRotate 1s linear infinite;font-size: 16px;height: 16px;line-height: 16px;}

@keyframes messageAppear{
    0%{opacity: 0;top: -100px;}
    100%{opacity: 1; top: 20px;}
}
@keyframes messageDisappear{
    0%{opacity: 1;top: 20px;}
    100%{opacity: 0; top: -100px;}
}
.zc_message_icon{margin-right: 10px;font-size: 20px;}
.zc_message_content{margin: 0 20px 0 0;font-size: 14px;line-height: 1;word-break:break-all;white-space:pre-warp;word-wrap:break-word;}
.zc_message{position: fixed;width: 380px;z-index:99999;font-size: 14px;left: 50%;top: 20px;box-sizing: border-box;border-width: 1px;border-style: solid;transform: translateX(-50%);transition: opacity .3s,transform .4s,-webkit-transform .4s;padding: 15px 40px 15px 20px;display: flex;-webkit-box-align: center;align-items: center;border-radius: 4px;animation: messageAppear 0.5s ease-in-out;}
.zc_message_disappear{position: fixed;width: 380px;z-index:99999;font-size: 14px;left: 50%;top: -100px;box-sizing: border-box;border-width: 1px;border-style: solid;transform: translateX(-50%);transition: opacity .3s,transform .4s,-webkit-transform .4s;padding: 15px 40px 15px 20px;display: flex;-webkit-box-align: center;align-items: center;border-radius: 4px;animation: messageDisappear 0.5s ease-in-out;}
.zc_message_close{position: absolute;font-size: 12px;right: 14px;color: #c0c4cc;cursor: pointer;}
.zc_message_success{background-color: #f0f9eb;border-color: #e1f3d8;color: #67c23a;}
.zc_message_warning{background-color: #fdf6ec;border-color: #faecd8;color: #e6a23c;}
.zc_message_info{border-color: #ebeef5;background-color: #edf2fc;color: #909399;}
.zc_message_error{background-color: #fef0f0;border-color: #fde2e2;color: #f56c6c;}

@keyframes topTooltipCartAppear{
    0%{opacity: 0;bottom: calc(100% - 4px);}
    100%{opacity: 1;bottom: 100%;}
}
@keyframes topTooltipContentAppear{
    0%{opacity: 0;bottom:calc(100% + 8px);}
    100%{opacity: 1;bottom:calc(100% + 12px);}
}
@keyframes rightTooltipCartAppear{
    0%{opacity: 0;left: calc(100% - 4px);}
    100%{opacity: 1;left: 100%;}
}
@keyframes rightTooltipContentAppear{
    0%{opacity: 0;left:calc(100% + 8px);}
    100%{opacity: 1;left:calc(100% + 12px);}
}
@keyframes bottomTooltipCartAppear{
    0%{opacity: 0;top: calc(100% - 4px);}
    100%{opacity: 1;top: 100%;}
}
@keyframes bottomTooltipContentAppear{
    0%{opacity: 0;top: calc(100% + 8px);}
    100%{opacity: 1;top: calc(100% + 12px);}
}
@keyframes leftTooltipCartAppear{
    0%{opacity: 0;right: calc(100% - 4px);}
    100%{opacity: 1;right: 100%;}
}
@keyframes leftTooltipContentAppear{
    0%{opacity: 0;right:calc(100% + 8px);}
    100%{opacity: 1;right:calc(100% + 12px);}
}
.zc_tooltip{position: relative;}
.zc_tooltip[placement='top']:hover::before,.zc_tooltip[placement='top']:focus::before{display: block;animation: topTooltipCartAppear 0.4s linear;animation-fill-mode: forwards;}
.zc_tooltip[placement='top']:hover::after,.zc_tooltip[placement='top']:focus::after{display: block;animation: topTooltipContentAppear 0.4s linear;animation-fill-mode: forwards;}
.zc_tooltip[placement='top']::before{position: absolute;white-space:nowrap;display: none;z-index: 9999;width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #303133;content: '';bottom: 100%;left: calc(50% - 6px);}
.zc_tooltip[placement='top']::after{position: absolute;white-space:nowrap;display: none;z-index: 9999;content: attr(tooltip-text);background: #303133;border-radius: 6px;color: #fff;padding: 10px;bottom:calc(100% + 12px);left: 50%;transform: translateX(-50%);}
.zc_tooltip[placement='right']:hover::before{display: block;animation: rightTooltipCartAppear 0.4s linear;animation-fill-mode: forwards;}
.zc_tooltip[placement='right']:hover::after{display: block;animation: rightTooltipContentAppear 0.4s linear;animation-fill-mode: forwards;}
.zc_tooltip[placement='right']::before{position: absolute;white-space:nowrap;display: none;z-index: 9999;width: 0;height: 0;border: 6px solid transparent;border-right: 6px solid #303133;content: '';bottom: calc(50% - 6px);left: 100%;}
.zc_tooltip[placement='right']::after{position: absolute;white-space:nowrap;display: none;z-index: 9999;content: attr(tooltip-text);background: #303133;border-radius: 6px;color: #fff;padding: 10px;left:calc(100% + 12px);bottom: -50%;transform: translateY(calc(-50% - 2px));}
.zc_tooltip[placement='bottom']:hover::before{display: block;animation: bottomTooltipCartAppear 0.4s linear;animation-fill-mode: forwards;}
.zc_tooltip[placement='bottom']:hover::after{display: block;animation: bottomTooltipContentAppear 0.4s linear;animation-fill-mode: forwards;}
.zc_tooltip[placement='bottom']::before{position: absolute;white-space:nowrap;display: none;z-index: 9999;width: 0;height: 0;border: 6px solid transparent;border-bottom: 6px solid #303133;content: '';top: 100%;left: calc(50% - 6px);}
.zc_tooltip[placement='bottom']::after{position: absolute;white-space:nowrap;display: none;z-index: 9999;content: attr(tooltip-text);background: #303133;border-radius: 6px;color: #fff;padding: 10px;top: calc(100% + 12px);left: 50%;transform: translateX(-50%);}
.zc_tooltip[placement='left']:hover::before{display: block;animation: leftTooltipCartAppear 0.4s linear;animation-fill-mode: forwards;}
.zc_tooltip[placement='left']:hover::after{display: block;animation: leftTooltipContentAppear 0.4s linear;animation-fill-mode: forwards;}
.zc_tooltip[placement='left']::before{position: absolute;white-space:nowrap;display: none;z-index: 9999;width: 0;height: 0;border: 6px solid transparent;border-left: 6px solid #303133;content: '';bottom: calc(50% - 6px);right: 100%;}
.zc_tooltip[placement='left']::after{position: absolute;white-space:nowrap;display: none;z-index: 9999;content: attr(tooltip-text);background: #303133;border-radius: 6px;color: #fff;padding: 10px;right:calc(100% + 12px);bottom: -50%;transform: translateY(calc(-50% - 2px));}

.zc-input{display:inline-block;position: relative;vertical-align: middle;}
.zc-input__inner{
    display: inline-block;
    outline-style: none ;
    outline-width: 0px ;
    border-style: none ;
    text-shadow: none ;
    -webkit-appearance: none ;
    outline-color: transparent ;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 15px;
    width: 180px;
    box-sizing: border-box;
}
.zc-input__inner:hover{border-color: #94969e;}
.zc-input__inner:focus{border: #409eff 1px solid;}
.zc-input__inner[disabled]{background-color: #f5f7fa;border-color: #e4e7ed;color: #c0c4cc;cursor: not-allowed;}
.zc-input__inner[clearable]{padding-right: 25px;}
.clearIcon{position: absolute;display: none;right: 5px;top: 11px;font-size: 18px;cursor: pointer;color: #c0c4cc;}
.clearIcon:hover{color: #909399;}

@keyframes validateAppear{
    0%{opacity: 0;bottom:-8px;}
    100%{opacity: 1;bottom: -20px;}
}
@keyframes validateDisappear{
    0%{opacity: 1;bottom: -20px;}
    100%{opacity: 0;bottom:-8px;}
}
.preIcon{position: absolute;left: 10px;top: 11px;font-size: 18px;cursor: default;color: #c0c4cc;}
.sufIcon{position: absolute;right: 10px;top: 11px;font-size: 18px;cursor: default;color: #c0c4cc;}
.preIcon[medium]{top: 9px;}
.sufIcon[medium]{top: 9px;}
.preIcon[small]{top: 7px;}
.sufIcon[small]{top: 7px;}
.preIcon[mini]{top: 5px;}
.sufIcon[mini]{top: 5px;}
.zc-input__inner[preIcon]{padding-left: 30px;}
.zc-input__inner[sufIcon]{padding-right: 25px;}
.zc-input__inner[medium]{height: 36px;line-height: 36px;}
.zc-input__inner[small]{height: 32px;line-height: 32px;}
.zc-input__inner[mini]{height: 28px;line-height: 28px;}
.zc-input__inner[validate='failed']{border-color: #f56c6c;}
.zc-input__inner[validate='success']{border-color: #67c23a;}
.zc-validate-failed{position: absolute;bottom: -20px;left: 10px;border-color: #f56c6c;font-size: 12px;color: #f56c6c;animation: validateAppear 0.2s linear;}

@keyframes zc_alert_box_appear{
    0%{opacity: 0;transform: translateY(-20px);}
    100%{opacity: 1;transform: translateY(0px);}
}
@keyframes zc_alert_box_disAppear{
    0%{opacity: 1;transform: translateY(0px);}
    100%{opacity: 0;transform: translateY(-20px);}
}
.zc_cover{position: fixed;text-align: center;z-index: 999999;background: rgba(0,0,0,0.7);top: 0;left: 0;bottom: 0;right: 0;}
.zc_cover::after{content: "";display: inline-block;height: 100%;width: 0;vertical-align: middle;}
.zc_alert_box,.zc_confirm_box {display: inline-block;animation: zc_alert_box_appear 0.4s ease-out; width: 420px;padding-bottom: 10px;vertical-align: middle;background-color: #fff;border-radius: 4px;border: 1px solid #ebeef5;font-size: 18px;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);text-align: left;overflow: hidden;backface-visibility: hidden;}
.zc_alert_box_disAppear,.zc_confirm_box_disAppear {display: inline-block;animation: zc_alert_box_disAppear 0.2s ease-out;animation-fill-mode: forwards;opacity: 1;transform: translateY(0px); width: 420px;padding-bottom: 10px;vertical-align: middle;background-color: #fff;border-radius: 4px;border: 1px solid #ebeef5;font-size: 18px;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);text-align: left;overflow: hidden;backface-visibility: hidden;}
.zc_alert_header,.zc_confirm_header{position: relative;padding: 15px;padding-bottom: 10px;}
.zc_alert_title,.zc_confirm_title{padding-left: 0;margin-bottom: 0;font-size: 18px;line-height: 1;color: #303133;}
.zc_alert_close_icon,.zc_confirm_close_icon{position: absolute;top: 15px;right: 15px;padding: 0;border: none;outline: none;background: transparent;font-size: 16px;cursor: pointer;color: #909399;}
.zc_alert_close_icon:hover,.zc_confirm_close_icon:hover{color: #409eff;}
.zc_alert_close_icon>.icon,.zc_confirm_close_icon>.icon{font-size: 12px;}
.zc_alert_content,.zc_confirm_content{position: relative;padding: 10px 15px;color: #606266;}
.zc_alert_content>span,.zc_confirm_content>span{margin: 0;line-height: 24px;font-size: 14px;display: inline-block;transform: translateY(-4px);}
.zc_alert_content>.icon,.zc_confirm_content>.icon{line-height: 24px;font-size: 24px;}
.zc_alert_btns,.zc_confirm_btns{padding: 5px 15px 0;text-align: right;}
.zc_confirm_btns>.zc_btn{margin-left: 15px;}
.zc_success_icon{color: #67c23a;margin-right: 15px;}
.zc_info_icon{color: #909399;margin-right: 15px;}
.zc_warning_icon{color: #e6a23c;margin-right: 15px;}
.zc_error_icon{color: #f56c6c;margin-right: 15px;}

.zc_tag{background-color: rgba(64, 158, 255, 0.1);display: inline-block;padding: 0 10px;height: 32px;line-height: 30px;font-size: 12px;color: #409EFF;border-radius: 4px;box-sizing: border-box;border: 1px solid rgba(64, 158, 255, 0.2);white-space: nowrap;}
.zc_tag_success{background-color: rgba(103, 194, 58, 0.1);border-color: rgba(103, 194, 58, 0.2);color: #67c23a;}
.zc_tag_info{background-color: rgba(144, 147, 153, 0.1);border-color: rgba(144, 147, 153, 0.2);color: #909399;}
.zc_tag_warning{background-color: rgba(230, 162, 60, 0.1);border-color: rgba(230, 162, 60, 0.2);color: #e6a23c;}
.zc_tag_danger{background-color: rgba(245, 108, 108, 0.1);border-color: rgba(245, 108, 108, 0.2);color: #f56c6c;}
.zc_tag[medium]{height: 28px;line-height: 26px;}
.zc_tag[small]{height: 24px;padding: 0 8px;line-height: 22px;}
.zc_tag[mini]{height: 20px;padding: 0 5px;line-height: 19px;}

.zc_input_number{position: relative;display: inline-block;width: 62px;line-height: 38px;padding-left: 50px;padding-right: 50px;border: 1px solid #dcdfe6;border-radius: 4px;user-select: none;}
.zc_input_number:hover{border-color: #c0c4cc;}
.zc_input_number:focus-within{border-color: #409EFF;}
.zc-input-number-inner{text-align: center;width: 48px;border-radius: 0;position: relative;left: -9px;box-sizing: content-box;}
.zc-input-number-inner:hover{border-color: #ccc;}
.zc-input-number-inner:focus{border-color: #ccc;}
.zc_input_number_decrease{position: absolute;z-index: 1;top: 0px;width: 40px;height: 40px;text-align: center;background: #f5f7fa;color: #606266;cursor: pointer;left: 0px;border-radius: 4px 0 0 4px;border: 1px solid #dcdfe6;font-size: 14px;}
.zc_input_number_increase{position: absolute;z-index: 1;top: 0px;width: 40px;height: 40px;text-align: center;background: #f5f7fa;color: #606266;cursor: pointer;right: 0px;border-radius: 0 4px 4px 0;border: 1px solid #dcdfe6;font-size: 14px;}
.zc_input_number_disabled{color: #c0c4cc;cursor: not-allowed;}

.zc_input_number[medium]{width: 49px;height: 37px;line-height: 33px;}
.zc_input_number[medium] .zc_input_number_decrease{width: 35px;height: 35px;}
.zc_input_number[medium] .zc-input-number-inner{width: 43px;height: 35px;left: -13px;top: -1px;}
.zc_input_number[medium] .zc_input_number_increase{width: 35px;height: 35px;right: 0px;}
.zc_input_number[small]{width: 24px;height: 32px;line-height: 31px;}
.zc_input_number[small] .zc_input_number_decrease{width: 30px;height: 30px;}
.zc_input_number[small] .zc-input-number-inner{width: 28px;height: 30px;left: -18px;top: -2px;}
.zc_input_number[small] .zc_input_number_increase{width: 30px;height: 30px;right: 0px;}
.zc_input_number[mini]{width: 6px;height: 27px;line-height: 23px;}
.zc_input_number[mini] .zc_input_number_decrease{width: 25px;height: 25px;}
.zc_input_number[mini] .zc-input-number-inner{width: 20px;height: 25px;left: -23px;top: -1px;}
.zc_input_number[mini] .zc_input_number_increase{width: 25px;height: 25px;right: 0px;}

.zc-select-area{margin-bottom: 0;}
.zc-select{display: inline-block;position: relative;vertical-align: middle;}
.zc-select .el-icon-erp-xiangxiajiantouxiao{transform: rotate(-180deg);transition: transform .2s;}
.zc-select input{cursor: pointer;}
.zc-select[disabled] input{background-color: #f5f7fa;border-color: #e4e7ed;color: #c0c4cc;cursor: not-allowed;}
.zc-select ul{width: 180px;padding: 5px 0px;background: #fff;list-style-type: none;border-radius: 7px;box-shadow: 0px 0px 20px 2px rgba(0,0,0,.1);position: relative;margin-top: 12px;margin-bottom: 12px;margin-left: 20px;box-sizing: border-box;overflow-y: scroll;max-height: 200px;}
.zc-option{height: 34px;line-height: 34px;cursor: pointer;}
.zc-option:hover{background: #f5f7fa;}
.zc-option span{padding: 0 15px;}
.zc_option_wrapper{width: 220px;max-height: 0;overflow: hidden;margin-left: -20px;position: absolute;z-index: 9999;transition: max-height cubic-bezier(0.63, -0.07, 0.92, 0.49) .2s;}
.zc_option_wrapper::before{width: 0;height: 0;border: 10px solid #fff;content: '';position: absolute;z-index: 999;top: 3px;left: 38px;border-top: none;border-left-color: transparent;border-right-color: transparent;}

.zc-select[medium] .zc-input__inner{height: 36px;line-height: 36px;}
.zc-select[medium] .zc-select-icon{top: 8px;}
.zc-select[small] .zc-input__inner{height: 32px;line-height: 32px;}
.zc-select[small] .zc-select-icon{top: 6px;}
.zc-select[mini] .zc-input__inner{height: 28px;line-height: 28px;}
.zc-select[mini] .zc-select-icon{top: 4px;}

.zc_progress{display: inline-block;margin: 10px;}
.zc_progress_bar{width: 300px;height: 6px;background-color: #ebeef5;border-radius: 3px;overflow: hidden;margin: 20px 0;display: inline-block;}
.zc_progress_inner{display: block; width: 100%;height: 100%;border-radius: 3px;background-color: #409eff;position: relative; z-index: 999; right: 100%;transition: right .5s;}
.zc_progress_success .zc_progress_inner{background-color: #67c23a;}
.zc_progress_info .zc_progress_inner{background-color: #909399;}
.zc_progress_warning .zc_progress_inner{background-color: #e6a23c;}
.zc_progress_danger .zc_progress_inner{background-color: #f56c6c;}
.zc_percentage{display: inline-block;position: relative;right: -10px;bottom: 19px;width: 50px;}
.zc_progress_icon{position: relative;bottom: 18px;left: 13px;}

.zc_progress_wide .zc_progress_bar{height: 18px;border-radius: 9px;}
.zc_progress_wide .zc_progress_inner{border-radius: 9px;}
.zc_progress_wide .zc_percentage{font-size: 12px;width: auto;bottom: 24px;z-index: 999;}

.zc_progress_circle{display: inline-block;position: relative;}
.zc_progress_circle .inner_text{position: absolute;width: 100%;top: 50%;left: 0;text-align: center;transform: translateY(-50%);}

.zc_switch{display: inline-block;}
.zc_switch_text__pre{margin-right: 10px;font-size: 16px;}
.zc_switch_text__next{margin-left: 10px;font-size: 16px;}
.zc_switch__bg{width: 40px;height: 20px;border-radius: 10px;position: relative;display: inline-block;transition: background-color .3s;cursor: pointer;top: 4px;}
.zc_switch__core{position: absolute;width: 16px;height: 16px;border-radius: 50%;background-color: #fff;top: 2px;transition: left .3s;cursor: pointer;}